JavaScript学习笔记(13)——BOM

1.window

全部浏览器都支持window对象，它表示浏览器窗口自己。

全部 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

甚至 HTML DOM 的 document 也是 window 对象的属性之一。

/*
         * 对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：window.innerWidth
         * 对于 Internet Explorer 八、七、六、5：document.documentElement.clientWidth
         * 或者：document.body.clientWidth
         * 
         */
            var w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
            var h = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;

另外window还具备如下方法：

• window.open() - 打开新窗口
• window.close() - 关闭当前窗口
• window.moveTo() - 移动当前窗口
• window.resizeTo() - 调整当前窗口的尺寸

2.screen

屏幕

3.location

用于获取当前页面的地址，主机域名，端口，页面文件路径，协议等相关信息，并能够将浏览器重定向到新的页面。

其属性不只限于如下属性：

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

4.history

用于记录浏览器访问历史记录。有两个重要方法，相似于浏览器前进和回退按钮。

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

5.navigator

用于检测浏览器信息，可是返回的信息具备误导性。

因为 navigator 可误导浏览器检测，使用对象检测可用来嗅探不一样的浏览器。

因为不一样的浏览器支持不一样的对象，您可使用对象来检测浏览器。例如，因为只有 Opera 支持属性 "window.opera"，您能够据此识别出 Opera。

例子：if (window.opera) {...some action...}

6.popupalert

• alert("警示框")
• confirm("确认框") 返回bool值，用户点击确认或取消
• prompt("提示框","输入框默认文本") 返回用户在输入框输入的内容

7.timing

经过setTimeout方法设置定时器，代码以下：

window.setTimeout("timeout1()", 3000);

其中timeout1是javascript函数，此处也能够直接编写javascript代码，3000指定时器启动后多久触发前面的方法，单位为毫秒。该方法返回值类型为Number的timeoutId，该Id能够作为window.clearTimeout()方法的参数，此方法能够清楚定时器。

另外还有以下定时器设置，代码以下：

var i=window.setInterval("Interval1()",3000);

相似于setTimeout方法，区别在于，setTimeout方法设置的定时器在指定时间后执行一次，而setInterval()方法是每隔必定时间执行一次.

 

8.cookies

经过document.cookies＝""设置cookies字符串，经过document.cookies能够读取到已经存储的cookies值，经过解析该字符串来使用cookies。