JS学习之-05

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

onmouseover、onmouseout

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

onmousedown、onmouseup以及onclick事件

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

onfocus事件

获取焦点时触发

addEventListener("eventName", function)

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

事件冒泡与捕获

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

removeEventListener("event", function)