JS学习之-05

2023-12-30 22:47:57

HTML DOM

document对象

JS改变HTML内容,语法

document.getElementById(id).innerHtml=""

JS改变HTML属性,语法

document.getElementById(id).attribute=""

JS改变CSS样式,语法

document.getElementById(id).style.property=""

JS执行事件反馈

点击事件

οnclick=js function

onload、onunload事件

事件会在用户进入或离开页面时被触发

onload事件可以用于检测访问者的浏览器类型或浏览器版本,本基于这些信息来加载网页的正常版本

onload、onunload事件可以用于处理cookie

<body οnlοad="function()">

onmouseover、onmouseout

该事件可用于在用户的鼠标移至HTML元素上方或移出元素时触发函数

onmousedown、onmouseup以及onclick事件

三个事件构成了鼠标点击事件的所有部分。

onfocus事件

获取焦点时触发

addEventListener("eventName", function)

该方法添加的事件句柄不会覆盖已存在的事件句柄,可以添加多个相同类型的事件,比如两个click事件

事件冒泡与捕获

事件传递有两种方式:冒泡与捕获,当使用冒泡方式时,内部元素的时间会先被触发,然后再触发外部元素,而捕获则相反。

removeEventListener("event", function)

文章来源:https://blog.csdn.net/Dragonlongbo/article/details/135309801
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。