JavaScript网页特效案例教程教学课件作者杨旭超主编JavaScript05课件.pptVIP

* 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model），简称DOM。 JavaScript也将浏览器本身、网页文档以及网页文档中的HTML元素等都用相应的内置对象来表示，其中的一些对象是作为另外的一些对象的属性而存在的，这些对象及对象之间的层次关系统即为文档对象模型。 window location frames history navigator event screen document link anchor image form applet all body frame 将浏览器本身、网页文档以及网页文档中的HTML元素等都用相应的内置对象来表示 将浏览器本身、网页文档以及网页文档中的HTML元素等都用相应的内置对象来表示 window location frames history navigator event screen document link anchor image form applet all body frame 其中的一些对象是另外的一些对象的属性 内置对象间的层次关系 location、document等对象都是作为window对象的属性而存在的，网页文件中的各种元素对象又是作为document对象的直接或间接属性存在的。 css、脚本编程语言和DOM的结合使用， 能够使HTML文档与用户具有交互性和动态变换性， 这三种技术的单一称谓叫DHTML 。 Dynamic HTML 动态HTML 用户对浏览器所做的特定的动作(操作) 是实现交互操作的一种机制。 DOM除了定义各种对象外，还定义了各个对象所支持的事件，以及各个事件所对应的 用户的具体操作。 用户对浏览器所做的特定的动作(操作) 是实现交互操作的一种机制。 对事件进行处理的程序或函数，被称之 为事件处理程序(eventhandler)，它完成对事件进行响应的动作。 (1) 在事件源对象所对应的HTML标签上增加一个要处理的事件属性，让事件属性值等于处理该事件的函数名或程序代码 例1: a href= onclick=return false9991网站/a 单击对应的超链接，浏览器不会转向任何URL地址 因为onclick属性值被设置成了return false。 例2： script function show() {??? var str=建议浏览器的分辨率：800x600;??? alert(str);}/scriptbody onload=show(); /body 事件属性值等于处理事件的函数名 html head script !-- function hideContextmenu() { window.event.returnValue=false; } //-- /script /head body oncontextmenu=hideContextmenu() /body /html 在浏览器文档窗口中单击鼠标右键的过程 将触发document对象上的oncontextmenu事件 浏览器对这个事件的默认处理方式是弹出一个上下文菜单，若希望不弹出上下文菜单，就需要编写一个事件处理程序来改变 。 html head script !-- function hideContextmenu() { window.event.returnValue=false; } //-- /script /head body oncontextmenu=hideContextmenu() /body /html 设置window.event对象的 returnValue属性值为false 表示要取消浏览器对当前事件的默认处理 不再弹出上下文菜单 html head script !-- function hideContextmenu() { return false; } //-- /script /head body oncontextmenu=return hideContextmenu() /body /html 要取消浏览器对当前事件的默认处理 也可以在html标签的事件属性设置中使用 return false语句 html