Javascript高级编程学习笔记（27）-BOM（1）window对象1

1、Javascript级编程学习笔记（BOM（window对象 1ECMAScript是JS的核但是对于在浏览器中运的JS，BOM显然才是真正的核我们知道JS是由三个部分组成的 BOM、DOM、ECMAScript之前的章我们主要介绍的是ECMAScript 也就是JS的核语法但是JS作为种脚本语，其创建的初衷不就是为了控制浏览器中的页的表现形势嘛所以JS与浏览器的交互由什么控制呢？当然就是我们的BOM了（浏览器对象模型）BOM提供了系列的对象于访问浏览器的功能，由于各个商会按照各的想法去拓展它所以只有其中的部分被标准化，并被纳HTML5规范下我们就来聊聊标准化的这些内容Window对象Bom对

2、象的核是window ，在浏览器环境中这个对象除了是JS访问浏览器功能的接对象外还是JS的Global对象，parseInt等全局法在浏览器环境中也就属于window 对象由于window 对象也是浏览器环境中的全局对象所以全局变量和全局法最终都会是 window 对象的属性和法不过要注意的地在于，为window 对象定义属性，和声明全局变量是有区别的看以下代码var a = 10; window.b = 10;虽然变量 a 可以通过window.a 进访问但是我们不能通过 delete 操作符来删除 window.a却可以删除 window.b这是因为虽然全局变量会作为 window对象的属

3、性，但是这个属性有个特点那就是这个属性的特性 Configurable 是false，所以我们不能通过delete来删除它这也是浏览器环境中所有全局变量，储存在window 对象上的特点窗关系及框架如果你的浏览器中包含框架（另外的窗），那么每个窗都有的window 对象每个window 对象都有frames属性，该属性的值为个数组window.frames 数组中我们可以访问所有的window 对象这些框架的索引从0开始，从左到右，从上到下增加每个 window name属性，也就是当前框架的名称也可以在 frames window 的name进索引为了避免层级关系的混淆，Bom还有 top、

4、parent对象top指向当前的框架最顶层，也就是浏览器窗 parent 指向当前窗的级框架有时候 top会等于parent但在不包含框架的页中 top 定等于 parent除此外还有个 self 于标识当前window ，但是只是为了与top、parent对应，并没有什么特殊的功能PS. 由于框架之间的window 对象是独的，所以都拥有独的构造函数，所以 a窗的Array类型不等于b窗的Array类型窗位置除狐外的浏览器都通过 screenLeft、screenTop来提供当前窗相对于屏幕的坐标狐使 screenX、screenY来提供相应属性跨浏览器兼容如下var left = ( ty

5、peof window.screenLeft =number)?window.screenLeft:window.screenX; var top = ( typeof window.screenTop =number)?window.screenTop:window.screenY;moveTo(x,y) 将窗移动到屏幕的指定位置moveBy(x,y)窗平移动x，垂直移动y要注意的是上述法虽然可以移动浏览器窗，但绝多数情况下都会被浏览器禁主要说明下获取可视区域的var pageWidth = window.innerWidth; var pageHeight = window.innerHeight;if(typeof pageWidth !=number) if(patMode =CSS1Compat)pageWidth = document.documentElement.clientWidth; pageHeight = document.documentElement.clientHeight; elsepageWidth = document.body.clientWidht; pageHeight = document.body.clinetHeight;这也有两个