首页 > 代码库 > JavaScript中的DOM,BOM详细介绍;

JavaScript中的DOM,BOM详细介绍;

JS由三部分组成

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

2) DOM:文档对象模型,处理网页内容的方法和接口;

3) BOM:浏览器对象模型,与浏览器交互的方法和接口;

 

JavaScript事件定义及其三要素

 

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

 

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

 

事件三要素:

 

事件源 :要触发的对象  (名词,比如开灯这事,事件源就是开关)

 

事件:怎么触发这个事情(动词,比如开灯这事,事件就是摁一下)

 

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

 

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

 

事件源.事件 = function() {  

 

·事件处理程序  

 

认识HTML DOM

1) 浏览器在加载HTML页面时,会把页面文档创建为对象模型,也就是DOMDocument-Object-Model,文档对象模型;

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

 

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

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

5) DocumentWindow对象的一部分,所以所有的document对象操作前面都可以加window,一般是省略的,如:window.document.write(‘hq’)

....困了 后续再说

 

JavaScript中的DOM,BOM详细介绍;