本文共 2125 字，大约阅读时间需要 7 分钟。

浏览器对象模型 (BOM)：(Browser Object Model)尚无正式标准。

一、window窗口操作

所有浏览器都支持 window 对象。它表示浏览器窗口。

所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 甚至 HTML DOM 的 document 也是 window 对象的属性之一：比如以下代码等价。

window.document.getElementById("header");document.getElementById("header");

1.1 window尺寸

有三种方法能够确定浏览器窗口的尺寸：

1. 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：
   • window.innerHeight - 浏览器窗口的内部高度(不包括滚动条、菜单栏、工具栏)
   • window.innerWidth - 浏览器窗口的内部宽度(不包括滚动条、菜单栏、工具栏)
2. 对于 Internet Explorer 8、7、6、5：
   • document.documentElement.clientHeight
   • document.documentElement.clientWidth
   • document.body.clientHeigh
   • document.body.clientWidth
3. 实用的 JavaScript 方案（涵盖所有浏览器）：

var w=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;var h=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;

1.2 Window常用方法

• window.open() - 打开新窗口
• window.close() - 关闭当前窗口

二、Screen操作

• 可用宽度：screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。

document.write("可用宽度: " + screen.availWidth);

• • 可用高度：screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。

document.write("可用高度: " + screen.availHeight);

要区别开屏幕宽度和高度

输出结果为：

屏幕宽度：1536 屏幕高度：864 屏幕可用宽度：1536 屏幕可用高度：824

三、Location操作

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。window.location 对象在编写时可不使用 window 这个前缀。

一些实例：

• location.href 属性返回当前页面的 URL。
• location.hostname 返回 web 主机的域名
• location.pathname 返回当前页面的路径和文件名
• location.port 返回 web 主机的端口 （80 或 443）
• location.protocol 返回所使用的 web 协议（http:// 或 https://）

输出结果：

四、History操作

window.history 对象包含浏览器的历史，这个历史指的是页面的前进和后退。

window.history 对象在编写时可不使用 window 这个前缀。 为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。

• history.back() - 与在浏览器点击后退按钮相同
• history.forward() - 与在浏览器中点击按钮向前相同

   			
   						
bbb.html
	
   			
   						
aaa页面
		
   		去bbb.html					
   			
   												去aaa.html					

五、Date对象

五、setTimeout() 延迟执行函数

延迟执行指定的函数，只能执行一次

setTimeout("javascript 函数", 毫秒数);			
   						
   
			

六、setInterval() 周期执行函数

间隔指定的毫秒数不停地执行指定的代码。

setInterval(function(){
   alert("Hello")},3000);setInterval("javascript 函数", 毫秒数);

案例：动态显示时间，点击暂停，停止计时，点击开始，开始计时

转载地址：http://rigzi.baihongyu.com/