《JavaScript高级程序设计》学习笔记（四）

第八章 BOM（浏览器对象模型）

1、window对象

（1）全局作用域

    抛开全局变量会成为 window 对象的属性不谈，定义全局变量与在 window 对象上直接定义属性还是有一点差别：全局变量不能通过 delete 操作符删除，而直接在 window 对象上的定义的属性可以。

var age = 29;
window.color = "red";
//在 IE < 9 时抛出错误，在其他所有浏览器中都返回 false
delete window.age;
//在 IE < 9 时抛出错误，在其他所有浏览器中都返回 true
delete window.color; //returns true
alert(window.age); //29
alert(window.color); //undefined

（2）浏览器对象相关属性

• 窗口位置：分别用于表示窗口相对于屏幕左边和上边的位置。window.screenX  ，screenY。
• 将窗口移动到某个位置：使用 moveTo()和 moveBy() 方法倒是有可能将窗口精确地移动到一个新位置。这两个方法都接收两个参数，其中moveTo() 接收的是新位置的 x 和 y 坐标值，而 moveBy() 接收的是在水平和垂直方向上移动的像素数。

//将窗口移动到屏幕左上角
window.moveTo(0,0);
//将窗向下移动 100 像素
window.moveBy(0,100);
//将窗口移动到(200,300)
window.moveTo(200,300);
//将窗口向左移动 50 像素
window.moveBy(-50,0);

• 窗口大小：innerWidth 、 innerHeight 、 outerWidth 和 outerHeight 。在 Chrome 中， outerWidth 、 outerHeight 与innerWidth 、 innerHeight 返回相同的值，即视口（viewport）大小而非浏览器窗口大小。
• 页面视口信息： document.documentElement.clientWidth，document.documentElement.clientHeight中保存了页面视口的信息。
• 打开新窗口：window.open("要加载的 URL")

2、location对象：

    

       ①在当前页面打开新连接（跳转到新页面）：location.href="要加载的 URL"

       ②重新加载当前页面：location.reload()

3、navigator 对象:浏览器中的属性和方法。包括：浏览器名称、版本信息、浏览器主语言、浏览器所在的系统平台等信息。

4、screen对象。

5、history 对象。

• history.back()
• history.forward()

第九章    客户端检测

第十章    DOM（文档对象模型）