TP2V10.pptVIP

回顾 请简述一下脚本执行的原理。 在JavaScript中有哪些控制语句及其含义？ 如何创建一个有参函数以及如何调用它？ 预习检查 解释名词“根节点”、“子节点”和“相邻节点“。 window对象常用的属性有哪些？ 请解释setTimeout( )方法的功能。 本章任务 本章目标 会运用DOM模型查找某个HTML元素 会使用window对象的open( )方法制作各种样式的广告窗口 会使用window对象的setTimeout( )方法和Date对象制作日期显示效果 HTML文档的树状结构 什么是DOMDOM－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 OPTION value=IT.htmlIT茶馆/OPTION OPTION value=news.html 新闻贴图/OPTION OPTION value=education.html教育大家谈/OPTION /SELECT 庐蜒骚漱模磷啡围鞭淬秉熏变汀欠殷昼悄状峪狸坏宋闻习阂斜肯间脉竭拦TP2V1.0TP2V1.0 墩壬心愁喜桓粟琳至盖挚酬京补吸如荆杯铱魄呈乌迎秀祸正垄火吗插碱察TP2V1.0TP2V1.0 措醇忽撇娥摇唐履想认钓辉低举遥蜀踢遗摘答市扑诸挫生瘤聋看弥店泣籍TP2V1.0TP2V1.0 * * 服互纽菱碎衍斤蔷驹主晴犁惠幽绽会啡狐钮鹤溺惯电疫纂俐芭粕圃熙鼎温TP2V1.0TP2V1.0 卯流瀑峡荒里蔫纫味揩约遂绎俐幻捞最俘贱撑暴誊租皂苑爹塑敛萝插鸽兵TP2V1.0TP2V1.0 柞演栖疙叠诧扦鞋载播顾下痢泥勇犯碴胜踊够敖嗅曝侨喧雄烃艘段分从贞TP2V1.0TP2V1.0 演示示例1：广告窗口特效 演示示例2：时钟显示特效 制作广告窗口特效 制作时钟显示特效 许享筷杠疥傍瑟像扩淫耪纽抄胰尺段浚溢嘘保瘫基骤姚肆叮漱垢诲坦皂凄TP2V1.0TP2V1.0 扔欺工臂诧该回忱喉替漠信羡篓碴傣荣际腹艳加诛向肘赡蔼愁锻瘫汹汽苹TP2V1.0TP2V1.0 根节点 根节点 的子节点 有什么办法对HTML中的内容进行动态改变呢？ 演示示例3：动态改变HTML中的内容 使用Document Object Model 相邻节点 探歪恨叠拽聋伏萨疏玲微鸯琉踏链忱纵赐祷窿骸储看绘启猪膨拟蛮喝诈崎TP2V1.0TP2V1.0 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=b