大多数的浏览器都内置有弹出窗口屏蔽程序。而没有内置此类程序的浏览器,也可以通过安装Yahoo!Toolbar等带有内置屏蔽程序的实用工具。这样做的结果就是用户可以将绝大多数不想看到的弹出窗口屏蔽掉。
于是,在弹出窗口被屏蔽时,就应该考虑两种情况。
如果是浏览器内置程序屏蔽了弹出窗口,那么 window.open() 很可能返回Null。
只要检测这个返回值就能确定弹出窗口是否被屏蔽。如下:
var wroxWin = window.open("http://www.wrox.com","_blank");
if (wroxWin == null){
alert('屏蔽了弹出窗')
}
如果是浏览器扩展或者插件进行组织窗口弹出,那么window.open()通常会抛出异常,因此,需要将代码放到try-catch里面。如下:
var blocked = false;
try{
var wroxWin = window.open("http://www.wrox.com","_blank");
if (wroxWin == null){
blocked = true;
}catch(ex){
blocked = true;
}
}
if(blocked){
alert("屏蔽了弹出窗")
}
在任何情况下,以上代码都能检测出调用 window.open() 打开的弹出窗是否被屏蔽。但需要注意的是,检测弹出窗口是否被屏蔽是一方面,他并不会阻止浏览器显示与被屏蔽的弹出窗口有关的消息。