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


Posted in Javascript onMarch 13, 2015

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

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();

}

第一步是正常的弹出窗口,并捕捉窗口句柄,检查这个句柄对象是否存在。如果存在,感谢上帝。如果不存在,我们提示用户应该关闭弹出窗口阻拦设置,重新点击链接。当然,你可以用更有说服力的信息提示给用户。或者你可以使用一个弹出层来显示信息。
Javascript 相关文章推荐
Ajax请求在数据量大的时候出现超时的解决方法
Feb 27 Javascript
jquery实现拖拽调整Div大小
Jan 30 Javascript
Javascript中的arguments对象
Jun 20 Javascript
Windows系统下安装Node.js的步骤图文详解
Nov 15 Javascript
遍历js中对象的属性和值的实例
Nov 21 Javascript
JavaScript常用正则函数用法示例
Jan 23 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
vue 循环加载数据并获取第一条记录的方法
Sep 26 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧滑动,右侧不动)
Jan 23 Javascript
vue基础之v-bind属性、class和style用法分析
Mar 11 Javascript
React组件对子组件children进行加强的方法
Jun 23 Javascript
LayUI动态设置checkbox不显示的解决方法
Sep 02 Javascript
JavaScript中常用的六种互动方法示例
Mar 13 #Javascript
jQuery.position()方法获取不到值的安全替换方法
Mar 13 #Javascript
检测一个函数是否是JavaScript原生函数的小技巧
Mar 13 #Javascript
DOM操作一些常用的属性汇总
Mar 13 #Javascript
JavaScript获取页面上被选中文字的方法技巧
Mar 13 #Javascript
jQuery源码分析之Callbacks详解
Mar 13 #Javascript
JavaScript获取伪元素(Pseudo-Element)属性的方法技巧
Mar 13 #Javascript
You might like
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
用Zend Studio+PHPnow+Zend Debugger搭建PHP服务器调试环境步骤
2014/01/19 PHP
引用外部js乱码问题分析及解决方案
2013/04/12 Javascript
JavaScript中的console.group()函数详细介绍
2014/12/29 Javascript
JS实现从表格中动态删除指定行的方法
2015/03/31 Javascript
总结JavaScript中布尔操作符||与&&的使用技巧
2015/11/17 Javascript
AngularJs基本特性解析(一)
2016/07/21 Javascript
Query常用DIV操作获取和设置长度宽度的实现方法
2016/09/19 Javascript
canvas绘制的直线动画
2017/01/23 Javascript
vue子组件使用自定义事件向父组件传递数据
2017/05/27 Javascript
Ajax高级笔记 JavaScript高级程序设计笔记
2017/06/22 Javascript
Iscrool下拉刷新功能实现方法(推荐)
2017/06/26 Javascript
深入探究node之Transform
2017/07/20 Javascript
vuex actions异步修改状态的实例详解
2019/11/06 Javascript
这样回答继承可能面试官更满意
2019/12/10 Javascript
jQuery 隐藏/显示效果函数用法实例分析
2020/05/20 jQuery
JS+JQuery实现无缝连接轮播图
2020/12/30 jQuery
[03:59]DOTA2英雄梦之声_第07期_水晶室女
2014/06/23 DOTA
Python合并多个装饰器小技巧
2015/04/28 Python
Python3实现发送QQ邮件功能(附件)
2020/12/23 Python
基于python3实现socket文件传输和校验
2018/07/28 Python
Python实现的微信支付方式总结【三种方式】
2019/04/13 Python
python/Matplotlib绘制复变函数图像教程
2019/11/21 Python
python路径的写法及目录的获取方式
2019/12/26 Python
GDAL 矢量属性数据修改方式(python)
2020/03/10 Python
俄罗斯领先的移动和数字设备在线商店:Svyaznoy.ru
2020/12/21 全球购物
澳大利亚领先的女性运动服品牌:Lorna Jane
2020/06/19 全球购物
同学聚会老师邀请函
2014/01/28 职场文书
大学生新学期计划书
2014/04/28 职场文书
小学运动会班级口号
2014/06/09 职场文书
年度安全生产目标责任书
2014/07/23 职场文书
助残日活动总结
2014/08/27 职场文书
工伤死亡理赔协议书
2014/10/20 职场文书
师德师风事迹材料
2014/12/20 职场文书
新郎新娘答谢词
2015/01/04 职场文书
WebWorker 封装 JavaScript 沙箱详情
2021/11/02 Javascript