第五章JS的应用.pptVIP

* JavaScript编程 Dom编程 优尼克斯职业培训 史学武 2011年12月 1、什么是DOM 程序中创建的对象用来描述现实世界中有形或无形的事物，JS也将浏览器本身、网页文档以及网页文档中的HTML元素等都用相应的内置对象来表示，其中的一些对象是作为另外的一些对象的属性而存在的，这些对象及对象之间的层次关系统称为（Document Object Model，文档对象模型）DOM。 2、事件驱动 将一段程序代码与某个事件源上发生的某种事件相关联，当该事件源上发生该事件时，浏览器便会自动执行与之关联的程序代码，从而引发一连串的程序动作，这个过程被称之为事件驱动（event driver）。 编写事件处理程序 1、在事件源对象所对应的HTML标签上增加一个要处理的事件属性，该值等于要处理该事件的代码或调用的函数名。 function sayHello(){ alert(hello); } body onload=javascript:sayHello() body onload=alert(hello) 2、在JS代码中，设置元素对象的事件属性，让事件属性等于要处理该事件的代码或调用的函数名。 document.oncontextmenu=hiddenContextmenu; function hiddenContextmenu(){ return false; } 3、在一个script/script中编写某个元素对象的某种事件处理程序代码，用for指定事件源，用event指定事件名。 script for=document event=oncontextmenu window.event.returnValue=false; /script 函数名 代码 DOM对象的方法、属性及事件 window对象:代表浏览器的整个窗口 window对象的常用方法： alert confirm prompt close navigate setInterval setTimeout clearInterval clearTimeout open showModalDialog showModelessDialog window对象的属性： closed opener status window对象的事件： onload onunload onbeforeunload window对象支持的通用事件： onclick onmousemove onmouseover onmouseout onmousedown onmouseup onkeydown onkeyup onkeypress window对象的对象属性： location event frames clipboardData history navigator document document对象:代表浏览器窗口中装载的整个HTML文档。 document对象的常用方法： write writeln open close clear getElementById getElementsByName getElementsByTagName document对象的属性： alinkColor linkColor vlinkColor bgColor fgColor charset defaultCharset cookie fileCreatedDate fileModifiedDate fileSize lastModified document对象的事件： 支持通用事件处理 document对象的对象属性： forms achors links images scripts applets all styleSheets title body对象:代表整个HTML文档的正文部分。 body对象的属性： background text topMargin bottomMargin leftMargin rightMargin body对象与其