第13讲 DOM编程-window对象(二).pptVIP

任务四：history 和location对象的使用 1、history 和location对象的使用 FORM name=form1 method=post action= …… TD width=4%A href=javascript: history.back( )返回 /A/TD TD width=4%A href=javascript: history.forward( )前进/A/TD TD width=4%A href=javascript: location.reload( )刷新/A/TD TD width=6%A href=../index.html首页/A/TD 跳转到其他版块 SELECT name=selTopic id=selPTopic onChange=javascript: location=this.value option请选择你选择的季节/option option value=ct.html春天美景/option option value=xt.html夏天美景/option option value=qt.html秋天美景/option option value=dt.html冬天美景/option/SELECT /FORM 添加选项改变事件 获取被选中的下拉菜单项value的值 总结 灵活使用Windows对象 请列举location对象的常用方法？ 请列举history对象的常用方法？ 作业一（必做） 1、课堂实例 2、完成小结1的“返回、前进、刷新、首页” 3、完成论坛中的效果 作业二（选做） 1、完成后台所有的功能 讲解步骤： 1）先演示效果：参见TG9-Source文件夹中的” history和location对象“用例 2）提问：如何实现？ 3）引导：a) 利用document对象的背景色属性 b)鼠标悬停事件onMouseOver事件 4）讲解代码 讲解要点： 将history历史对象和IE浏览器中的前进后退按钮联系起来讲解。 back( )方法： 相当于后退按钮 forward（）方法：相当于前进按钮 讲解步骤： 1）先演示效果：参见TG9-Source文件夹中的” history和location对象“用例 2）提问：如何实现？ 3）引导：a) 利用document对象的背景色属性 b)鼠标悬停事件onMouseOver事件 4）讲解代码 * INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE INSERT PRESENTATION TITLE 主讲老师：方丹 DOM编程－window对象 (二) 本节目标 任务一：Location对象 任务二：Location对象的使用 任务三：History对象 任务四：history 对象的使用 重点：Location、 History对象 难点：Location、 history对象相关方法的使用 任务一：Location对象 Location 对象 属性 名称 说明 host 设置或检索位置或 URL 的主机名和端口号 hostname 设置或检索位置或 URL 的主机名部分 href 设置或检索完整的 URL 字符串 名称 说明 assign(url) 加载 URL 指定的新的 HTML 文档。 reload() 重新加载当前页 replace(url) 通过加载 URL 指定的文档来替换当前文档 方法 任务二：Location对象的使用 下拉菜单 menu1 * 1、 Location对象的使用 script language=JavaScript function jump ( ) { location.href=document.myform.menu1.value; } /script /HEAD BODY FORM name=myform ... SELECT name=menu1 onChange=jump( ) OPTION---请选择季节景色--/OPTION