BOM引导——浏览器屏蔽弹出窗口的办法以及检查是否屏蔽的方法。

it2022-05-06  105

大多数的浏览器都内置有弹出窗口屏蔽程序。而没有内置此类程序的浏览器,也可以通过安装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() 打开的弹出窗是否被屏蔽。但需要注意的是,检测弹出窗口是否被屏蔽是一方面,他并不会阻止浏览器显示与被屏蔽的弹出窗口有关的消息。


最新回复(0)