《张孝祥javascript第5-1讲dom编程》由会员分享,可在线阅读,更多相关《张孝祥javascript第5-1讲dom编程(10页珍藏版)》请在金锄头文库上搜索。
1、第5-1讲DOM编程,课程内容: DHTML Windows对象 Document对象 Body对象 Form对象 Form表单字段元素对象,DHTML,Javascript将浏览器本身、网页文档、以及网页文档中的html元素等都用相应的内置对象来表示,这些对象及对象之间的层次关系统称为DOM 用户通过鼠标或按键在浏览器窗口或网页元素上执行的操作,对DOM对象来说,就称之为事件(event),譬如,用户用鼠标单击了网页上的某个按钮,在这个按钮上就发生了单击事件,按钮就是事件源。 如果将一段程序代码与某个事件源上发生的某种事件相关联,当该事件源上发生该事件时,浏览器便会自动执行与之关联的程序代码
2、,从而引发的一连串程序动作,这个过程被称之为事件驱动(event driver)。对事件进行处理的程序或函数,称之为事件处理程序(event handler),它完成对事件进行相应的动作。 Css(级联样式表)、脚本编程语言和DOM的综合使用,能够使html文档与用户具有交互性和动态变换性,这三种技术的单一称谓叫DHTML(Dynamic HTML动态HTML)。,DOM对象的层次关系,windowlocationframeshistorynavigatoreventscreendocumentlinksanchors,imagesfiltersformsappletsembedsplugin
3、smcriptsframesallselectionstyleSheetsbody,如何编写事件处理程序,在事件源对象所对应的html标签上增加一个要处理的事件属性,让事件属性值等于处理该事件的函数名或程序代码。,直接在javascript代码中,设置元素对象的事件属性,让事件属性值等于处理该事件的函数名或程序代码。document.oncontentmenu = hideContentmenu; function hideContentmenu( )return false; ,在一个专门的标签队中编写某个元素对象的某种事件处理程序代码,并用for属性指定事件源和用event属性指定事件名。 举例:window.event.returnValue=false; ,怎么排查程序中的错误呢?,分段加入alert语句,确定错误的范围 单击浏览器状态栏的警告,查看提示信息,