一、事件

HTML事件是发生在hTML元素上的“事情”。比如：按钮被点击、鼠标移动到元素上等…

事件绑定

• 方式一：通过HTML标签中的事件属性进行绑定

• 方式二：通过DOM元素属性绑定

常见事件

二、BOM

Browser Object Model 浏览器对象模型

window(浏览器窗口对象)

获取：直接使用window,其中window.可以省略

setInterval(周期定时器)

var id = window.setInterval(function,time);每隔指定时间执行某函数。time就是间隔时间，单位是毫秒；function就是要执行的函数。window.clearInterval(id);//清除周期定时器

案例演示：

setTimeout(超时定时器)

var id = window.setTimeout(function,time);指定时间后执行某函数。time就是时间，单位是毫秒；function就是要执行的函数。window.clearTimeout(id);//清除超时定时器

案例演示：

alert(警告框)

confirm(确认框)

prompt(提示框)

Location(地址栏对象)

history(历史记录对象)

三、DOM

Document Object Model 文档对象模型

获取页面元素

操作页面元素

1、创建dom对象

​ document.createElement(“标签名”);

2、添加dom对象

​ （1）A.appendChild(B) 将B添加到A内部的最后面

​ （2）A.insertBefore(B, C) 将B添加到A内部C的前面

3、删除dom对象

​ （1）A.remove() 将A删除

​ （2）A.removeChild(B) 将A内部的B删除

4、替换dom对象

​ A.replaceChild(B, C) 用B替换A内部的C

这是div里面的标题
这是div里面的第一个段落

操作元素属性

1、页面元素.属性名 = “值”

2、设置：标签对象.setAttribute(“属性名”,“属性值”);

3、获取：标签对象.getAttribute(“属性名”);

4、删除：标签对象.removeAttribute(“属性名”);

操作元素样式

操作元素内容

innerText与innerHTML的区别：
1）获取时，innerText只能获取文本内容，innerHTML不仅能获取文本内容，还能获取标签
2）设置时，innerText会将标签当成文本放进去，innerHTML放进去的标签能被浏览器翻译