第三章 DOM编程-window对象.pptxVIP

第三章 DOM编程-window对象 回顾 Javascript有哪些数据类型及如何转换 Javascript有哪些控制语句 Javascript如何定义函数及调用 本章案例 制作广告窗口特效 制作时钟显示特效 演示示例1：广告窗口特效 演示示例2：时钟显示特效 学习目标 会运用DOM模型查找某个HTML元素 会使用window对象的open( )方法制作各种样式的广告窗口 会使用window对象的setTimeout( )方法和Date对象制作日期显示效果 一、HTML DOM HTML DOM 是 W3C 标准（是 HTML 文档对象模型的英文缩写，Document Object Model for HTML）。 HTML DOM 定义了用于 HTML 的一系列标准的对象，以及访问和处理 HTML 文档的标准方法。 通过 DOM，可以访问所有的 HTML 元素，连同它们所包含的文本和属性。 html head title购物网站/title /head body a href=“#”我的链接/a h1商品分类区/h1 /body /html 根节点 根节点 的子节点 相邻节点 HTML文档的树状结构 有什么办法对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文档的每个节点都是对象，都具备属性、方法和事件 定位链接元素（对象） 案例一： DOM对象模型-1 window 窗口对象 location 地址对象 FORM 表单对象 浏览器对象的分层结构 window.document.myform.text1 document 文档对象 DOM对象模型-2 浏览器对象的分层结构 二、window对象 Window常用的属性 名称 说明 status 指定浏览器状态栏中显示的临时消息 screen 有关客户端的屏幕和显示性能的信息。 history 有关客户访问过的URL的信息。 location 有关当前 URL 的信息。 document 表示浏览器窗口中的HTML文档 常用的方法 onLoad事件：在窗口或框架完成文档加载时触发 名称 说明 alert (提示信息) 显示一个带有提示信息和确定按钮的对话框 confirm(提示信息“) 显示一个带有提示信息、确定和取消按钮的对话框 open (“url”,“name”，“新窗口特征”) 打开具有指定名称的新窗口，并加载给定 URL 所指定的文档；如果没有提供 URL，则打开一个空白文档 close ( ) 关闭当前窗口 showModalDialog( ) 在一个模式窗口中显示指定的HTML文档 setTimeout(函数,毫秒数) 设置定时器：经过指定毫秒值后执行某个函数 open方法的使用： open (“url”,“name”，“新窗口特征”) 窗口特征： height=pixels 窗口文档显示区的高度。以像素计。 width=pixels 窗口的文档显示区的宽度。以像素计。 location=yes|no|1|0 是否显示地址字段。默认是 yes。 menubar=yes|no|1|0 是否显示菜单栏。 resizable=yes|no|1|0 窗口是否可调节尺寸。 scrollbars=yes|no|1|0 是否显示滚动条。 status=yes|no|1|0 是否添加状态栏。 toolbar=yes|no|1|0 是否显示浏览器的工具栏。 top=pixels 窗口距离屏幕上方的象素值； left=pixels 窗口距离屏幕左方的象素值； Window常用方法详解 close方法的使用： close();关闭当前窗口 setTimeout方法的使用： setTimeout(“函数”,毫秒数) 案例二： SCRIPT language=javascript function openwindow( ) { window.status=系统当前状态：您正在注册用户......;