1.DHML简介
由微软提出, Dynamic HTML 动态网页技术. 整合了 HTML CSS Javascript DOM 4个技术.可以理解为对DOM对象的增强: 增加了一些新的属性和方法.让我们开发更加便捷.。
DHTML即动态的html
DHTML不是一门新的技术，而是将现有的HTML、CSS、JS结合的一门技术
DHTML分为BOM和DOM
BOM：浏览器对象模型，其中封装了浏览器操作相关的对象
DOM：文档对象模型，将整个html文档作为dom对象
DHML的功能
- 动态改变页面元素
- 与用户进行交互等
- DHML对象模型包括浏览器对象模型和DOM对象模型
2.BOM
BOM：浏览器对象模型，用来访问和操作浏览器窗口，使JavaScript有能力与浏览器“对话”。
1.通过使用BOM,可移动窗口，更改状态栏文本，执行其他不与页面内容发生直接联系的操作
2.没有相关的标准，但是被广泛支持
window对象：window表示浏览器窗口，所有javaScript全局对象、函数以及变量均自动成为window对象的成员
常用的事件
onclick事件：当元素被点击时触发
onfocus事件：当获得焦点时触发
onblur事件：失去焦点事件
onload事件：文档就绪事件
常用的方法
alert()：弹出提示框
confirm()：弹出确认对话框，返回boolean
3.DOM
DOM：文档对象类型，用来操作文档
1.定义了访问和操作HTML文档的标准方法
2.应用程序通过对DOM树的操作，来实现对HTML文档数据的操作
document对象：每个载入浏览器的HTML文档都会成为document对象，通过使用document对象，可以从脚本中对HTML页面中的所有元素进行访问。document对象是window对象的一部分，可以通过window.document属性对其进行访问
3.1.获取元素
document.getElementById("id值") 根据id获取一个元素
document.getElementsByTagName("元素名") 根据元素的名称获取多个元素组成的数组
document.getElementsByName("name值") 根据元素的name属性获取多个元素组成的数组
value属性：可以获取或者设置元素的value值
innerText：（部分浏览器不支持）获取或者设置元素的文本内容
innerHTML：获取或者设置元素的html内容
3.2.元素的操作
document.createElement("div")：创建div元素
body.appendChild(div)：追加子元素
body.removeChild(div)：删除子元素
body.replaceChild(newdiv,olddiv)：用新元素替换旧元素
body.insertBefore(newdiv,olddiv)：在旧元素前面插入新的元素
div.cloneNode([boolean])：克隆元素，参数默认false，表示只克隆元素本身，如果是true，则会克隆元素以及子元素