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 :nth-child前有无空格的区别分析
Jul 11 Javascript
如何学习Javascript入门指导
Nov 01 Javascript
ajax如何实现页面局部跳转与结果返回
Aug 24 Javascript
用NODE.JS中的流编写工具是要注意的事项
Mar 01 Javascript
Bootstrap基本组件学习笔记之input输入框组(9)
Dec 07 Javascript
理解javascript async的用法
Aug 22 Javascript
Vue2.0 事件的广播与接收(观察者模式)
Mar 14 Javascript
vue自定v-model实现表单数据双向绑定问题
Sep 03 Javascript
关于vue v-for 循环问题(一行显示四个,每一行的最右边那个计算属性)
Sep 04 Javascript
js事件on动态绑定数据,绑定多个事件的方法
Sep 15 Javascript
详解小程序循环require之坑
Mar 08 Javascript
详解vuex数据传输的两种方式及this.$store undefined的解决办法
Aug 26 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
用Flash图形化数据(一)
2006/10/09 PHP
php自动适应范围的分页代码
2008/08/05 PHP
php is_file 判断给定文件名是否为一个正常的文件
2010/05/10 PHP
php服务器的系统详解
2019/10/12 PHP
jquery 插件 web2.0分格的分页脚本,可用于ajax无刷新分页
2008/12/25 Javascript
<script defer> defer 是什么意思
2009/05/10 Javascript
通过隐藏option实现select的联动效果
2009/11/10 Javascript
推荐40个非常优秀的jQuery插件和教程【系列三】
2011/11/09 Javascript
调试Node.JS的辅助工具(NodeWatcher)
2012/01/04 Javascript
Yii-自定义删除确认弹框(zyd)jquery实现代码
2013/03/04 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
Javascript中的作用域和上下文深入理解
2015/07/03 Javascript
JS实现超简洁网页title标题跑动闪烁提示效果代码
2015/10/23 Javascript
教你用javascript实现随机标签云效果_附代码
2016/03/16 Javascript
jQuery原理系列-常用Dom操作详解
2016/06/07 Javascript
使用BootStrap实现用户登录界面UI
2016/08/10 Javascript
JS仿京东移动端手指拨动切换轮播图效果
2020/04/10 Javascript
微信小程序 页面跳转如何实现传值
2017/04/05 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
2017/08/30 Javascript
jQuery实现验证表单密码一致性及正则表达式验证邮箱、手机号的方法
2017/12/05 jQuery
Vue组件全局注册实现警告框的实例详解
2018/06/11 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
[48:21]林俊杰圣堂刺客超神杀戮秀
2014/10/29 DOTA
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
python中字符串变二维数组的实例讲解
2018/04/03 Python
对Python定时任务的启动和停止方法详解
2019/02/19 Python
简述 Python 的类和对象
2020/08/21 Python
python中函数返回多个结果的实例方法
2020/12/16 Python
哈萨克斯坦移动和数字技术在线商店:SatelOnline.kz
2020/09/04 全球购物
中英双版中文教师求职信
2013/10/27 职场文书
中药专业自荐信范文
2014/03/18 职场文书
行政内勤岗位职责
2014/04/07 职场文书
感恩之星事迹材料
2014/05/03 职场文书
捐款活动总结
2014/08/27 职场文书
党建工作汇报材料
2014/12/24 职场文书
【海涛教你打DOTA】剑圣第一人称视角解说
2022/04/01 DOTA