TP2V1.0课程.pptVIP

回顾 请简述一下脚本执行的原理。 在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对象的常用方法？ 如何设置下拉菜单中的默认选中的第一项？ 如何使页面内容居中？ 插入一行一列的表格，然后居中，高度、宽度都为100％ 下拉菜单是否选中的办法：在菜单项中添加selected属性即可 SELECT name selTopic id selPTopic OPTION value gard.html 网上谈兵 OPTION value IT.html IT茶馆 OPTION value news.html 新闻贴图 OPTION value education.html 教育大家谈 * * 演示示例1：广告窗口特效 演示示例2：时钟显示特效 制作广告窗口特效 制作时钟显示特效 根节点 根节点 的子节点 有什么办法对HTML中的内容进行动态改变呢？ 演示示例3：动态改变HTML中的内容 使用Document Object Model 相邻节点 script type text/javascript function changeLink document.getElementById myAnchor .innerHTML 搜狐 ; document.getElementById myAnchor .href ; a id myAnchor href 淘宝 input type button onclick changeLink value 使用DOM改变链接 修改内容 修改属性 HTML文档的每个节点都是对象，类似 WinForm中的控件，都具备属性、方法和事件 定位链接元素（对象） window 窗口对象 location 地址对象 FORM 表单对象 浏览器对象的分层结构 window.document.myform.text1 document 文档对象 浏览器对象的分层结构 有关当前 URL 的信息。 location 指定浏览器状态栏中显示的临时消息 status 有关客户访问过的URL的信息。 history 表示浏览器窗口中的HTML文档 document 有关客户端的屏幕和显示性能的信息。 screen 说明 名称 常用的属性 常用的方法 onLoad事件：在窗口或框架完成文档加载时触发 在一个模式窗口中显示指定的HTML文档 showModalDialog 设置定时器：经过指定毫秒值后执行某个函数 setTimeout 函数,毫秒数 关闭当前窗口 close 打开具有指定名称的新窗口，