首页 > 代码库 > JavaScript中的DOM,BOM详细介绍;
JavaScript中的DOM,BOM详细介绍;
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’);
....困了 后续再说
JavaScript中的DOM,BOM详细介绍;