JavaScript检查弹出窗口是否被阻拦的方法技巧_javascript技巧
程序员文章站
2022-03-10 11:57:07
...
出框口很有用,需要弹出窗口。对于开发这样的网站的程序员,他们有个棘手的问题,他们不知道这些弹出窗口是否被浏览器或各种浏览器插件给屏蔽了,没有弹出来。当然,浏览器会通知用户,但这些很少会引起用户的注意。下面是一个简单的方法来测试你的弹出窗口是否被阻拦了。
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();
}
第一步是正常的弹出窗口,并捕捉窗口句柄,检查这个句柄对象是否存在。如果存在,感谢上帝。如果不存在,我们提示用户应该关闭弹出窗口阻拦设置,重新点击链接。当然,你可以用更有说服力的信息提示给用户。或者你可以使用一个弹出层来显示信息。
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();
}
第一步是正常的弹出窗口,并捕捉窗口句柄,检查这个句柄对象是否存在。如果存在,感谢上帝。如果不存在,我们提示用户应该关闭弹出窗口阻拦设置,重新点击链接。当然,你可以用更有说服力的信息提示给用户。或者你可以使用一个弹出层来显示信息。
推荐阅读
-
js弹出模式对话框,并接收回传值的方法_javascript技巧
-
JavaScript简单修改窗口大小的方法_javascript技巧
-
JS判断网页广告是否被浏览器拦截过滤的代码_javascript技巧
-
JS根据浏览器窗口大小实时动态改变网页文字大小的方法_javascript技巧
-
javaScript 判断字符串是否为数字的简单方法_javascript技巧
-
JavaScript动态修改弹出窗口大小的方法_javascript技巧
-
用于deeplink的js方法(判断手机是否安装app)_javascript技巧
-
防止按钮在短时间内被多次点击的方法_javascript技巧
-
js实现防止被iframe的方法_javascript技巧
-
判断iframe是否加载完成的完美方法_javascript技巧