ppk on javascript 笔记（六）--BOM

浏览器对象模型（Browser Object Model）是语言核心和DOM之间的一个过渡层，这个过渡层特指Javascript的客户端实现，它的主要任务是管理浏览器窗口并使得它们可以彼此通信。window对象是BOM的核心。事实上，window对象还定义了诸如当前页的URL、浏览器的识别字符串等非文档结构的部分。

WHAT-WG正在为BOM指定一个规范，BOM正遵循着Netscape 3的事实标准。

 

window对象

window对象首先是核心需要的全局对象，它包含了脚本中定义的所有全局变量和函数。

在一次会话中，一个window对象可以包含很多页面，新页面会被载入到同一个window对象，window对象原来的全局对象（变量和函数）将被销毁，但是window对象本身并没有被销毁，它仍旧可以被访问到，甚至用户关闭了主窗口。

有三种方法来保存上一次的全局变量，cookie，跨浏览器通信和保存到服务器，第三种方法是最安全的。

新窗口会创建一个新的window对象，当创建一个其他窗口的window对象的引用时，访问这个引用的属性将报错，原因在使用引用时，引用尚未完全载入。正确的方法应该是为两个窗口的存在和释放各记录一个cookie，然后再调用方法钱检查这些状态。

window和self都指向窗口本身，它们访问的是同一个对象，习惯上使用window。

可以为name属性赋值，window.name='myname'，这将为链接的target属性提供一个引导。window.open()方法也可以用到这个name作为打开窗口的目标。

window.status属性直接访问并重写状态了文本，window.defaultStatus提供了没有状态时状态栏的文本。可以使用a标签的mouseover方法修改掉默认的鼠标滑过链接显示href的动作，特殊的，在onmouseover中，IE和Mozilla都需要你返回true，而不是false来阻止整个默认动作。

 

跨浏览器通信

必须同时满足两个条件才能进行窗口间的通信：两个窗口必须来自同一个域（同源策略）；其中一个窗口包含另一个窗口的引用（即一个窗口打开了另一个窗口）。

window.open方法用来打开新窗口，完整地书写window.open()而不是open()是为了与document.open()区别。

window.open( ' page.html ' , ' popup ' , ' width=300,height=400 ' );

第一个参数指定载入的页面，为空则打开空白窗口，第二个参数设置新窗口的name值或打开已有name的窗口，第三个参数控制新窗口的外观和行为，详细的介绍在http://www.quirksmode.org/popups.html。

保存window.open的返回值，则在主窗口创建了一个指向新窗口的引用，而新窗口总是自动创建一个opener属性指回主窗口。

当主窗口载入一个新页面时，弹出窗口的opner属性仍然指向主窗口（主窗口window对象没有销毁），但主窗口原来指向弹出窗口的全局变量被销毁了（此时仍满足跨窗口通信的第二个条件），我们需要重新建立联系：首先在弹出窗口建立一个函数，opener.newWindow=window（注意opener即为主窗口），按照上面的方法设置两个cookie来安全地在主窗口中调用弹出窗口的这个函数。考虑到同源策略和主窗口是否关闭，弹出窗口的这个函数应该写为：

if ( ! opener || opener.closed || ! checkCommunication()) {
// exit actions
} else if (checkCommunication() && opener.ST_loaded) {
opener.ST_newWindow = window;
tryCounter = 0 ;
} else if (tryCounter < nrOfAttempts) {
// record the new site
tryCounter ++ ;
} else {
// exit actions
}

首先判断opner为null（虽然罕见但是保险起见）、是否关闭、能否通信，然后检查主窗口的ST_loaded属性（自定义用来确认完全载入），最后判断尝试通信超过指定次数。

在这里我们用到了window.closed属性，我们讲窗口释放时所有的全局变量都被销毁，但是除少数浏览器外都保留了closed属性用来指示是否关闭，而对于其他属性诸如location和navigation是否仍存在，各个浏览器并没有对此达成一致，因此窗口释放时除closed属性外不要再使用。

（bloodmage按：在这里我提到了对象、变量、属性、方法、函数，实际上，javascript不区分属性和变量，也不区分方法和函数，只是习惯上单独使用时讲变量和函数，而谈到对象时则用属性和方法；我讲窗口释放时所有的全局对象都被销毁，是指window对象的属性和方法都被销毁了，而实际上window对象的属性即location,document.navigation,screen等也是对象，window对象的方法则主要有表示交互的alert和改变大小的resizeTo等。）

当违反同源策略（详见笔记一）时，不能从该窗口中收集它的任何信息，通过尝试来检查能否通信。

function checkCommunication() {
if ( ! opener) return false ;
try {
opner.testVar = true ;
} catch (e) {
return false ;
}
return true ;
}

window.close()方法用来关闭窗口，但一些浏览器拒绝执行，或者弹出一个对话框询问是否关闭窗口。通过javascript打开的窗口可以直接被关闭而不被提示，因此可以使用使用window.open('','_self');window.close();直接关闭当前窗口。

由于弹出窗口的恶名，浏览器默认开启Block unrequested popup windows功能阻止打开未经请求的弹出窗口，但这很容易被绕过，比如设置document.onclick = function() { window.open(); }。新的窗口拦截软件提供了更多的方法，但同时恶意广告也会利用flash、微软专有的popup对象或脚本创建内嵌层模拟弹窗。

 

导航

 

转载于:https://www.cnblogs.com/bloodmage/p/1789086.html