北大青鸟ACCP5.0-JavaScript客户端验证及页面特效制作2.pptVIP

第二章 DOM编程－window对象 回顾 请简述一下脚本执行的原理。 在JavaScript中有哪些控制语句及其含义？ 如何创建一个有参函数以及如何调用它？ 预习检查 解释名词“根节点”、“子节点”和“相邻节点“。 window对象常用的属性有哪些？ 请解释setTimeout( )方法的功能。 本章任务 本章目标 会运用DOM模型查找某个HTML元素 会使用window对象的open( )方法制作各种样式的广告窗口 会使用window对象的setTimeout( )方法和Date对象制作日期显示效果 HTML文档的树状结构 什么是DOM DOM－Document Object Model ,它是W3C国际组织的一套Web标准，它定义了访问HTML文档对象的一套属性、方法和事件 。 DOM对象模型-1 DOM对象模型-2 Window对象常用的属性 window对象常用的方法和事件 如何使用window对象-1 如何使用window对象-2-1 如何使用window对象-2-2 如何使用window对象-3 如何使用window对象-4 如何使用window对象-5 小结1 Date对象做时钟显示-1 Date对象做时钟显示-2 Date 对象存储的日期为自 1970 年 1 月 1 日 00:00:00 以来的毫秒数 Date对象做时钟显示-3 Date 方法的分组 Date对象做时钟显示-4 Date对象做时钟显示-5-1 Date对象做时钟显示-5-2 setTimeout的用法： setTimeout（“调用的函数”,”定时的时间”） 例：var myTime＝setTimeout( “disptime( )”, 1000 ) ; Date对象做时钟显示-6 小结2 history 和location对象-1 history 对象 方法 history 和location对象-2 Location 对象 属性 方法 history 和location对象-3 常见错误 总结 请简述HTML文档的树状结构？ window对象有哪些常用的方法及其含义？ 请列举Date对象有哪些方法？ 请解释setTimeout方法适用场合？ 请列举location和history对象的常用方法？ 演示示例1：广告窗口特效 演示示例2：时钟显示特效 制作广告窗口特效 制作时钟显示特效 根节点 根节点 的子节点 有什么办法对HTML中的内容进行动态改变呢？ 演示示例3：动态改变HTML中的内容 使用Document Object Model 相邻节点 html head script type=text/javascript function changeLink() { document.getElementById(myAnchor).innerHTML=搜狐 ; document.getElementById(myAnchor).href= ; } /script /head body a id=myAnchor href=淘宝/a input type=button onclick=changeLink() value=使用DOM改变链接 /body /html 修改内容 修改属性 HTML文档的每个节点都是对象，类似 WinForm中的控件，都具备属性、方法和事件 定位链接元素（对象） window 窗口对象 location 地址对象 FORM 表单对象 浏览器对象的分层结构 window.document.myform.text1 document 文档对象 浏览器对象的分层结构 有关当前 URL 的信息。 location 指定浏览器状态栏中显示的临时消息 status 有关客户访问过的URL的信息。 history 表示浏览器窗口中的HTML文档 document 有关客户端的屏幕和显示性能的信息。 screen 说明 名称 常用的属性 常用的方法 onLoad事件：在窗口或框架完成文档加载时触发 在一个模式窗口中显示指定的HTML文档 showModalDialog( ) 设置定时器：经过指定毫秒值后执行某个函数 setTimeout(函数,毫秒数) 关闭当前窗口 close ( ) 打开具有指定名称的新窗口，并加载给定 URL 所指定的文档；如果没有提供 URL，则打开一个空白文档 open (url,name) 显示一个带有提示信息、确定和取消按钮的对话框 confirm(提示信息“) 显示一个带有提示信息和确定按钮的对话框 alert (提示信息) 说明 名称 SCRIPT language