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动态加载图片数据练习代码
Aug 04 Javascript
一个JQuery操作Table的代码分享
Mar 30 Javascript
jquery实现商品拖动选择效果代码(自写)
May 28 Javascript
Angular2 多级注入器详解及实例
Oct 30 Javascript
微信小程序 欢迎界面开发的实例详解
Nov 30 Javascript
bootstrap导航栏、下拉菜单、表单的简单应用实例解析
Jan 06 Javascript
微信JSAPI支付操作需要注意的细节
Jan 10 Javascript
JS中解决谷歌浏览器记住密码输入框颜色改变功能
Feb 13 Javascript
微信小程序实现topBar底部选择栏效果
Jul 20 Javascript
微信小程序开发技巧汇总
Jul 15 Javascript
vant IndexBar实现的城市列表的示例代码
Nov 20 Javascript
在JavaScript中实现链式调用的实现
Dec 24 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调用C#开发的dll类库方法
2014/07/28 PHP
JavaScript基本对象
2007/01/11 Javascript
JavaScript RegExp方法获取地址栏参数(面向对象)
2009/03/10 Javascript
Jquery 高亮显示文本中重要的关键字
2009/12/24 Javascript
jquery validation验证身份证号,护照,电话号码,email(实例代码)
2013/11/06 Javascript
Javascript中3种实现继承的方法和代码实例
2014/08/12 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
2015/04/16 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
AngularJS上拉加载问题解决方法
2016/05/23 Javascript
jQuery UI结合Ajax创建可定制的Web界面
2016/06/22 Javascript
Jquery遍历select option和添加移除option的实现方法
2016/08/26 Javascript
真正好用的js验证上传文件大小的简单方法
2016/10/27 Javascript
详解Angular 4.x NgIf 的用法
2017/05/22 Javascript
浅谈 Vue 项目优化的方法
2017/12/16 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
2018/02/05 Javascript
ES6中异步对象Promise用法详解
2019/07/31 Javascript
jQuery弹框插件使用方法详解
2020/05/26 jQuery
Vue项目接入Paypal实现示例详解
2020/06/04 Javascript
完美解决vue 中多个echarts图表自适应的问题
2020/07/19 Javascript
Python编程中的反模式实例分析
2014/12/08 Python
Python使用Flask框架同时上传多个文件的方法
2015/03/21 Python
python通过邮件服务器端口发送邮件的方法
2015/04/30 Python
决策树剪枝算法的python实现方法详解
2019/09/18 Python
Python 基于FIR实现Hilbert滤波器求信号包络详解
2020/02/26 Python
css3 中的新特性加强记忆详解
2016/04/16 HTML / CSS
加拿大约会网站:EliteSingles.ca
2018/01/12 全球购物
Roxy荷兰官方网站:冲浪、滑雪板、服装和配件
2019/10/22 全球购物
介绍一下javax.servlet.Servlet接口及其主要方法
2015/11/30 面试题
优秀毕业自我鉴定
2014/02/15 职场文书
个人评语大全
2014/05/04 职场文书
见习报告的格式
2014/11/04 职场文书
酒店客房服务员岗位职责
2015/04/09 职场文书
原生Javascript+HTML5一步步实现拖拽排序
2021/06/12 Javascript
浅析NIO系列之TCP
2021/06/15 Java/Android
使用python求解迷宫问题的三种实现方法
2022/03/17 Python
解决Oracle数据库用户密码过期
2022/05/11 Oracle