JavaScript中的DOM，BOM详细介绍；

Posted 2020-09-29

JS由三部分组成

1) ECMAScript：欧洲计算机制造商协会，描述了JS的语法和基本对象；

2) DOM：文档对象模型，处理网页内容的方法和接口；

3) BOM：浏览器对象模型，与浏览器交互的方法和接口；

 

javascript事件定义及其三要素

 

事件：发生在页面中的可以被JavaScript侦测到的交互行为；

 

在事件触发时JavaScript可以执行一些代码；

 

事件三要素：

 

事件源 ：要触发的对象  （名词，比如开灯这事，事件源就是开关）

 

事件：怎么触发这个事情（动词，比如开灯这事，事件就是摁一下）

 

事件处理函数:要干什么（比如开灯这事，就是接通火线，把等点亮）

 

一个完整的事件语法结构：

 

事件源.事件 = function() {  

 

·事件处理程序  

 

} 

认识html DOM

1) 浏览器在加载HTML页面时，会把页面文档创建为对象模型，也就是DOM：Document-Object-Model，文档对象模型；

2) HTML-DOM被构造为对象树：

 

3) 整个DOM对JavaScript来说都是可操作的，这里的操作是指JavaScript可以对HTML文档的元素及其属性、样式、内容等进行增删查改，同时可以对页面中的所有事件做出反应；

4) 所以，我们可以这么理解DOM：DOM让HTML文档以结构化的形式表示，制定了通过脚本来操作文档结构的规范，目的是为了让JS操作HTML；

5) Document是Window对象的一部分，所以所有的document对象操作前面都可以加window，一般是省略的，如：window.document.write(‘hq’)；

....困了 后续再说