TP8_浏览器对象.ppt

第八章 JavaScript浏览器对象 上节回顾 JavaScript脚本的基本结构？ JavaScript与C基本语法的异同之处？ 简述parseInt()函数和parseFloat()函数的作用 预习检查 window对象常用的属性有哪些？ Document对象的常用属性和方法？ 本章目标 掌握常用的浏览器对象 会使用document对象的getElementById( )方法访问DIV层对象 对象简介 现实世界中的一切事物都是对象 对象的描述 外观：在计算机语言中称为对象的属性 行为：在计算机语言中称为对象可以实现的方法 例如：一部手机是一个对象 JavaScript 对象简介 三类对象 DOM对象模型 浏览器对象的分层结构 DOM对象模型 Window对象常用的属性 常用的属性 window对象常用的方法和事件 常用的方法 onLoad事件：在窗口或框架完成文档加载时触发 Window对象练习 完整代码实现 onLoad事件 小练习：具有自动打开广告窗口和在浏 览器状态栏中显示“欢迎你......”信息的页面 Open的窗口特征 onLoad事件 history 对象 history 对象 方法 location对象 Location 对象 属性 方法 history 和location应用 document对象 属性 方法 write方法 如果写入的是字符串常量，需要用双引号引起来 如果写入的是单纯的变量（例如：从文本框中获取的值），不加双引号 如果要常量和变量同时显示时，常量和变量之间用加号（“+”） 连接 制作浮动的广告图片 完整代码 对联广告的实现思路 在页面中插入层，然后在层中插入图片 修改层的Id 值，做到见名识意，例如左边关闭层的Id=“closeLeftLayer” 调整层与图像的大小和位置，使得层与图像的大小相同，位置在页面中适当 获取层对象对层动态设置 隐藏层:层对象.style.display=“none” 更改层的上坐标：层对象.style.pixelTop=初始坐标+滚动高度 页面对象常用动态样式属性 常见的页面坐标属性 top:指定元素的上边界位置。 left:指定元素的左边界位置。 pixelTop:设置或返回元素的上边界。 scrollTop:页面滚动的高度 总结 window对象有哪些常用的方法及其含义？ Document对象的常用属性和方法？ * Hands-On实训教程系列 Hands-On实训教程系列 演示示例2：广告窗口特效 演示示例3：对联广告特效 演示示例1：注册信息特效 听音乐 重量 看视频 大小 收发短信 颜色 接打电话 品牌 方法 属性 浏览器对象 脚本对象 HTML 对象 浏览器窗口window 文档 document url地址等 String字符串对象 Date日期对象 Math数学对象等 各种HTML标签: 段落P 图片IMG 超链接A等 window 窗口对象 location 地址对象 FORM 表单对象 浏览器对象的分层结构 window.document.myform.text1 document 文档对象 有关当前 URL 的信息。 location 指定浏览器状态栏中显示的临时消息 status 有关客户访问过的URL的信息。 history 表示浏览器窗口中的HTML文档 document 有关客户端的屏幕和显示性能的信息。 screen 说明 名称 在一个模式窗口中显示指定的HTML文档 showModalDialog( ) 设置定时器：经过指定毫秒值后执行某个函数 setTimeout(函数,毫秒数) 关闭当前窗口 close ( ) 打开具有指定名称的新窗口，并加载给URL 所指定的文档 open (url) 显示一个带有提示信息、确定和取消按钮的对话框 confirm(提示信息“) 显示一个带有提示信息和确定按钮的对话框