JavaScript检查弹出窗口是否被阻拦的方法技巧

283 阅读 0 评论 187 点赞

我是靠谱客的博主野性乌冬面，最近开发中收集的这篇文章主要介绍JavaScript检查弹出窗口是否被阻拦的方法技巧，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

出框口很有用，需要弹出窗口。对于开发这样的网站的程序员，他们有个棘手的问题，他们不知道这些弹出窗口是否被浏览器或各种浏览器插件给屏蔽了，没有弹出来。当然，浏览器会通知用户，但这些很少会引起用户的注意。下面是一个简单的方法来测试你的弹出窗口是否被阻拦了。

The JavaScript

复制代码代码如下:

var windowName = 'userConsole'; 

var popUp = window.open('/popup-page.php', windowName, 'width=1000, height=700, left=24, top=24, scrollbars, resizable');

if (popUp == null || typeof(popUp)=='undefined') {  

 alert('请解除窗口阻拦，重新点击链接。'); 

} 

else {  

 popUp.focus();

}

第一步是正常的弹出窗口，并捕捉窗口句柄，检查这个句柄对象是否存在。如果存在，感谢上帝。如果不存在，我们提示用户应该关闭弹出窗口阻拦设置，重新点击链接。当然，你可以用更有说服力的信息提示给用户。或者你可以使用一个弹出层来显示信息。