6.3 window对象.pdf

6.3 window对象 概述 window对象的属性 window .name属性 window .innerHeight属性，window .innerWidth属性 window .pageXOffset属性，window .pageYOffset属性 iframe元素 Navigator对象 screen对象 window对象的⽅法 URL 的编码/解码⽅法 window .getComputedSt le⽅法 window .matchMedia⽅法 window对象的事件 window .onerror alert() ，prompt() ，confirm() 参考链接 概述 JavaScript的所有对象都存在于⼀个运⾏ 境之中，这个运⾏ 境本⾝也是对象，称 为“顶层对象” 。这就是说，JavaScript的所有对象，都是“顶层对象”的下属。不同的运 ⾏ 境有不同的“顶层对象” ，在浏览器 境中，这个顶层对象就是window对象 （w为 ⼩写）。 所有浏览器 境的全局变量，都是window对象的属性。 var a = 1; window .a // 1 可以简单理解成，window就是指当前的浏览器窗⼜。 window对象的属性 属性 window .name属性⽤于设置当前浏览器窗⼜的名字。它有⼀个特点，就是浏览器刷新 后，该属性保持不变。所以，可以把值存放在该属性内，然后跨页⾯、甚⾄跨域名使 ⽤。当然，这个值有可能被其他⽹站的页⾯改写。 window .name = Hello World!; console.log(window .name); 各个浏览器对这个值的储存容量有所不同，但是⼀般来说，可以⾼达⼏MB 。 该属性只能保存字符串，且当浏览器窗⼜关闭后，所保存的值就会消失。因此局限性 ⽐较⼤，但是与iFrame窗⼜通信时，⾮常有⽤。 window.innerHeight属性，window.innerWidth属性 这两个属性返回⽹页的CSS布局占据的浏览器窗⼜的⾼度和宽度，单位为像素。很显 然，当⽤户放⼤⽹页的时候 （⽐如将⽹页从100%的⼤⼩放⼤为200%），这两个属性 会变⼩。 注意，这两个属性值包括滚动条的⾼度和宽度。 window.pageXOffset属性，window.pageYOffset属性 window .pageXOffset属性返回页⾯的⽔平滚动距离，window .pageYOffset属性返回页⾯ 的垂直滚动距离。这两个属性的单位为像素。 iframe元素 window .frames返回⼀个类似数组的对象，成员为页⾯内的所有框架，包括frame元素 和iframe元素。需要注意的是，window .frames的每个成员对应的是框架内的窗⼜ （即 框架的window对象），获取每个框架的DOM树，需要使⽤ window .frames[0].document 。 var iframe = window .getElementsBy agName(iframe)[0]; var iframe_title = iframe.contentWindow .title; 上⾯代码⽤于获取框架页⾯的标题。 iframe元素遵守同源政策，只有当⽗页⾯与框架页⾯来⾃同⼀个域名，两者之间才可 以⽤脚本通信，否则只有使⽤window .postMessage⽅法。 在iframe框架内部，使⽤window .parent指向⽗页⾯。 Navigator对象 Window对象的Navigator属性，指向⼀个包含浏览器相关信息的对象。 （1）Navigator .userAgent属性 Navigator .userAgent属性返回浏览器的User-Agent字符串，⽤来标⽰浏览器的种类。下 ⾯是Chrome浏览器的User-Agent 。 navigator.userAgent // Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KH ML, lik