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 相关文章推荐
JQuery自定义事件的应用 JQuery最佳实践
Aug 01 Javascript
JS获取select的value和text值的简单实例
Feb 26 Javascript
json的定义、标准格式及json字符串检验
May 11 Javascript
Bootstrap 组件之按钮(二)
May 11 Javascript
js+html5实现canvas绘制椭圆形图案的方法
May 21 Javascript
表单元素值获取方式js及java方式的简单实例
Oct 15 Javascript
浅谈事件冒泡、事件委托、jQuery元素节点操作、滚轮事件与函数节流
Jul 22 jQuery
JavaScript递归算法生成树形菜单
Aug 15 Javascript
vue中实现滚动加载更多的示例
Nov 08 Javascript
vue如何通过id从列表页跳转到对应的详情页
May 01 Javascript
在小程序开发中使用npm的方法
Oct 17 Javascript
Nuxt.js 数据双向绑定的实现
Feb 17 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
php实现下载限制速度示例分享
2014/02/13 PHP
ThinkPHP的SAE开发相关注意事项详解
2016/10/09 PHP
php利用fsockopen GET/POST提交表单及上传文件
2017/05/22 PHP
PHP常量define和const的区别详解
2019/05/18 PHP
Javascript 验证上传图片大小[客户端]
2009/08/01 Javascript
JS 控制CSS样式表
2009/08/20 Javascript
火狐4、谷歌12不支持Jquery Validator的解决方法分享
2011/06/20 Javascript
仿jQuery的siblings效果的js代码
2011/08/09 Javascript
获取客户端网卡MAC地址和IP地址实现JS代码
2013/03/17 Javascript
js操作label给label赋值及取label的值示例
2013/11/07 Javascript
Java/JS获取flash高宽的具体方法
2013/12/27 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
2014/03/03 Javascript
JQuery CheckBox(复选框)操作方法汇总
2015/04/15 Javascript
谷歌Chrome浏览器扩展程序开发小记
2016/01/06 Javascript
ionic 上拉菜单(ActionSheet)实例代码
2016/06/06 Javascript
利用vueJs实现图片轮播实例代码
2017/06/03 Javascript
Angularjs实现上传图片预览功能
2017/09/01 Javascript
Promise.all中对于reject的处理方法
2018/08/01 Javascript
关于微信小程序登录的那些事
2019/01/08 Javascript
详解vue+axios给开发环境和生产环境配置不同的接口地址
2019/08/16 Javascript
Js逆向实现滑动验证码图片还原的示例代码
2020/03/10 Javascript
JavaScript实现通讯录功能
2020/12/27 Javascript
Python学习笔记(二)基础语法
2014/06/06 Python
Python中动态检测编码chardet的使用教程
2017/07/06 Python
在Python中实现替换字符串中的子串的示例
2018/10/31 Python
Python中的字符串切片(截取字符串)的详解
2019/05/15 Python
python内存监控工具memory_profiler和guppy的用法详解
2019/07/29 Python
Python Django 实现简单注册功能过程详解
2019/07/29 Python
python误差棒图errorbar()函数实例解析
2020/02/11 Python
python求前n个阶乘的和实例
2020/04/02 Python
详解numpy.ndarray.reshape()函数的参数问题
2020/10/13 Python
Python获取指定网段正在使用的IP
2020/12/14 Python
StringBuilder和String的区别
2015/05/18 面试题
公司财务自我评价分享
2013/12/17 职场文书
党员教师工作决心书
2014/03/13 职场文书
Win11 Build 22000.51版本文件资源管理器“命令栏”和上下文菜单有什么新变化?
2021/11/21 数码科技