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)