DOM编程之一

来源：互联网发布：松下plc编程实例编辑：程序博客网时间：2024/06/06 11:49

1，DHTML

（1）js将浏览器本身、网页文档、以及网页文档中的HTML元素等都用相应的内置对象来表示，这些对象与对象之间的层次关系统称为DOM（Document Object Model,文档对象模型）。

（2）CSS、脚本编程语言和DOM的结合使用，能够使HTML文档与用户具有交互性和动态变换性，这三种技术的单一称谓叫DHTML（Dynamic HTML,动态HTML）。

（3）DOM对象的层次关系

Window{

Location

Frames

History

Navigator

Event

Screen

Document{

Links

Anchors

Images

Filters

Forms

Applets

Embeds

plugIns

Frames

Scripts

All

Selection

styleSheets

body

}

2,如何编写事件处理程序

在js中有三种方法把事件和事件处理程序关联起来：

（1）在事件源所对应的HTML标签上增加一个相应的事件属性，让事件属性的值等于该事件的函数名或是程序代码；如：

function hideContextmenu(){

window.event.returnValue=false;

}

</script>

注意：如果要改变事件的默认处理方式，如单击超链接则跳转到相关页面，只需把事件属性值得改为“return false”即可，如：

（2）直接在JS代码中设置对象的事件属性，让对象的事件属性值等于处理函数名或是程序代码；如：

document.oncontextmenu=hideContextmenu;

function hideContextmenu(){

window.event.returnValue=false;

}

</script>

（3）在一个专门的<script>标签对中编写某个元素对象的某种事件处理程序代码，并用for属性指定事件源，用event属性指定事件名；如：

window.event.returnValue=false;

</script>