第9章 简单的JavaScript效果（新）.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 9.3 【 案例33】限时秒杀 BOM（Browser Object Model）是浏览器对象模型，它提供了一系列对象用于与浏览器窗口进行交互。 5、BOM简介 9.3 【 案例33】限时秒杀 window（窗口） screen（屏幕） location（地址） history（历史） 5、BOM简介 9.3 【 案例33】限时秒杀 window（窗口） 属性/方法 说明 document、history、location、navigator、screen 返回相应对象的引用。例如document属性返回document对象的引用。 parent、self、top 分别返回父窗口、当前窗口和最顶层窗口的对象引用。 screenLeft、screenTop、screenX、screenY 返回窗口的左上角、在屏幕上的X、Y坐标。Firefox不支持screenLeft、screenTop，IE8及更早的IE版本不支持screenX、screenY。 innerWidth、innerHeight 分别返回窗口文档显示区域的宽度和高度。 outerWidth、outerHeight 分别返回窗口的外部宽度和高度。 closed 返回当前窗口是否已被关闭的布尔值。 opener 返回对创建此窗口的窗口引用。 open()、close() 打开或关闭浏览器窗口。 alert()、confirm()、prompt() 分别表示弹出警告框、确认框、用户输入框。 moveBy()、moveTo() 以窗口左上角为基准移动窗口，moveBy()是按偏移量移动，moveTo()是移动到指定的屏幕坐标。 scrollBy()、scrollTo() scrollBy()是按偏移量滚动内容，scrollTo()是滚动到指定的坐标。 setTimeout()、clearTimeout() 设置或清除普通定时器。 setInterval()、clearInterval() 设置或清除周期定时器。 5、BOM简介 9.3 【 案例33】限时秒杀 window（窗口） screen（屏幕） location（地址） history（历史） 5、BOM简介 9.3 【 案例33】限时秒杀 window（窗口） 属性 说明 width、height 屏幕的宽度和高度 availWidth、availHeight 屏幕的可用宽度和可用高度（不包括Windows任务栏） colorDepth 屏幕的颜色位数 例如： //获取屏幕分辨率 var width = screen.width; var height = screen.height; //判断屏幕分辨率 if(width800 || height600){ alert(您的屏幕分辨率不足800*600，不适合浏览本页面); } screen（屏幕） 5、BOM简介 9.3 【 案例33】限时秒杀 window（窗口） screen（屏幕） location（地址） 属性/方法 说明 hash 获取或设置URL中的锚点，例如“#top”。 host 获取或设置URL中的主机名，例如“”。 port 获取或设置URL中的端口号，例如“80”。 href 获取或设置整个URL，例如“/1.html”。 pathname 获取或设置URL的路径部分，例如“/1.html”。 protocol 获取或设置URL的协议，例如“http:”。 search 获取或设置URL地址中的GET请求部分，例如“?name=hahaage=20”。 reload() 重新加载当前文档。 5、BOM简介 9.3 【 案例33】限时秒杀 window（窗口） screen（屏幕） history（历史） location（地址） 5、BOM简介 9.3 【 案例33】限时秒杀 window（窗口） screen（屏幕） history（历史） location（地址） 属性/方法 说明 back() 加载历史记录中的前一个URL（相当于后退）。 forward() 加载历史记录中的后一个URL（相当于前进）。 go() 加载历史记录中的某个页面。 5、BOM简介 9.3 【 案例33】限时秒杀 6、Date对象 Date对象主要提供获取和设置日期与时间的方