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标签上增加一个相应的事件属性,让事件属性的值等于该事件的函数名或是程序代码;如:
<script type="text/javascript">
function hideContextmenu(){
window.event.returnValue=false;
}
</script>
<body oncontextmenu="hideContextmenu()">
注意:如果要改变事件的默认处理方式,如单击超链接则跳转到相关页面,只需把事件属性值得改为“return false”即可,如:
<a href="http://www.baidu.com" onclick="return false">百度</a>
(2)直接在JS代码中设置对象的事件属性,让对象的事件属性值等于处理函数名或是程序代码;如:
<script type="text/javascript">
document.οncοntextmenu=hideContextmenu;
function hideContextmenu(){
window.event.returnValue=false;
}
</script>
(3)在一个专门的<script>标签对中编写某个元素对象的某种事件处理程序代码,并用for属性指定事件源,用event属性指定事件名;如:
<script type="text/javascript" for="document" event="oncontextmenu">
window.event.returnValue=false;
</script>