Windows对象 幻灯片.pptVIP

第二章 DOM编程－window对象 本章任务 演示示例1：广告窗口特效 演示示例2：时钟显示特效 制作广告窗口特效 制作时钟显示特效 本章目标 会运用DOM模型查找某个HTML元素 会使用window对象的open( )方法制作各种样式的广告窗口 会使用window对象的setTimeout( )方法和Date对象制作日期显示效果 HTML文档的树状结构 根节点 根节点 的子节点 有什么办法对HTML中的内容进行动态改变呢？ 演示示例3：动态改变HTML中的内容 使用Document Object Model 相邻节点 什么是DOM DOM－Document Object Model ,它是W3C国际组织的一套Web标准，它定义了访问HTML文档对象的一套属性、方法和事件 。 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中的控件，都具备属性、方法和事件 定位链接元素（对象） DOM对象模型-1 window 窗口对象 location 地址对象 FORM 表单对象 浏览器对象的分层结构 window.document.myform.text1 document 文档对象 DOM对象模型-2 浏览器对象的分层结构 Window对象常用的属性 名称 说明 status 指定浏览器状态栏中显示的临时消息 screen 有关客户端的屏幕和显示性能的信息。 history 有关客户访问过的URL的信息。 location 有关当前 URL 的信息。 document 表示浏览器窗口中的HTML文档 常用的属性 常用的方法 onLoad事件：在窗口或框架完成文档加载时触发 window对象常用的方法和事件 名称 说明 alert (提示信息) 显示一个带有提示信息和确定按钮的对话框 confirm(提示信息“) 显示一个带有提示信息、确定和取消按钮的对话框 open (url,name) 打开具有指定名称的新窗口，并加载给定 URL 所指定的文档；如果没有提供 URL，则打开一个空白文档 close ( ) 关闭当前窗口 showModalDialog( ) 在一个模式窗口中显示指定的HTML文档 setTimeout(函数,毫秒数) 设置定时器：经过指定毫秒值后执行某个函数 如何使用window对象-1 SCRIPT language=javascript function openwindow( ) { window.status=系统当前状态：您正在注册用户......; if (window.screen.width == 1024 window.screen.height == 768) window.open(register.html); else window.alert(请设置分辨率为1024x768，然后再打开); } function closewindow( ) { if(window.confirm(您确认要退出系统吗？)) window.close( ); } /SCRIPT INPUT type=button name=regButton value= 用户注册 onclick=openwindow( ) INPUT type=button name=exitButton value= 退 出 onclick=closewindow( ) 示例完整代码 在窗口状态栏中设置文本 设置窗口的高度 使用open方法打开新窗口 弹出警告对话框 弹出确认对话框 关闭当前窗口 添加单击事件 因为window是最顶层的根，所以可以省略 window.open(google.htm); 可简写为： open(google.htm); close( )方法也是如此。 如何使用window对象-2-1 open（”打开窗口的url”，”窗口名”，”窗口特征”）