BOM：浏览器对象模型

Window对象

• 所有浏览器都支持window对象，它表示浏览器窗口。
• 所有JavaScript全局对象、函数以及变量均自动成为window对象成员。
• 全局变量是window对象属性。
• 全局函数是window对象方法。
• 甚至HTML DOM的document也是window对象的属性之一

window尺寸

• 浏览器窗口的内部高度：window.innerHeight
• 浏览器窗口的内部宽度：window.innerWidth

其他window方法

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

Window Screen

• Window Screen可用高度：screen.availHeight
• Window Screen可用宽度：screen.availWidth

Window Location

- window.location对象:用于获取当前页面的地址，并把浏览器重定向到新的页面。

• 返回当前页面的URL：location.href
• 返回URL的路径名：location.pathname
• 加载URL指定的新的文档：window.location.assign(url)

计时事件

计时

setTimeout()方法：

• myVar = window.setTimeout("javascript function",milliseconds);

停止计时

clearTimeout()方法：

• myVar=setTimeout("javascript function",milliseconds);

Cookie

• 什么是Cookie？Cookie是一些数据存储于电脑上的文本文件中。

1. 创建Cookie 的demo：document.cookie = "username = Pig";
2. 读取Cookie 的demo：var x = document.cookie;
3. 修改Cookie 类似于创建，之前的cookie将被覆盖。
4. 删除Cookie 的demo：document.cookie = "username = ";