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 相关文章推荐
js textarea自动增高并隐藏滚动条
Dec 16 Javascript
jQuery 表单验证扩展(四)
Oct 20 Javascript
html的DOM中Event对象onabort事件用法实例
Jan 21 Javascript
Jquery使用小技巧汇总
Dec 29 Javascript
JavaScript编写Chrome扩展实现与浏览器的交互及时间通知
May 16 Javascript
JavaScript中闭包之浅析解读(必看篇)
Aug 25 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
Sep 23 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
May 22 Javascript
了解ESlint和其相关操作小结
May 21 Javascript
node.js学习笔记之koa框架和简单爬虫练习
Dec 13 Javascript
js实现跳一跳小游戏
Jul 31 Javascript
swiper实现导航滚动效果
Dec 13 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中使用灵巧的体系结构
2006/10/09 PHP
php实现文件管理与基础功能操作
2017/03/21 PHP
基于Codeigniter框架实现的student信息系统站点动态发布功能详解
2017/03/23 PHP
在laravel中实现ORM模型使用第二个数据库设置
2019/10/24 PHP
jquery设置text的值示例(设置文本框 DIV 表单值)
2014/01/06 Javascript
节点的插入之append()和appendTo()的用法介绍
2014/01/13 Javascript
jQuery实现弹出窗口中切换登录与注册表单
2015/06/05 Javascript
jQuery表格插件datatables用法详解
2020/11/23 Javascript
你不需要jQuery(三) 新AJAX方法fetch()
2016/06/14 Javascript
JS跨域请求外部服务器的资源
2017/02/06 Javascript
Bootstrap响应式表格详解
2017/05/23 Javascript
jquery+css实现下拉列表功能
2017/09/03 jQuery
使用Vue动态生成form表单的实例代码
2018/04/26 Javascript
React全家桶环境搭建过程详解
2018/05/18 Javascript
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
vue-cli项目配置多环境的详细操作过程
2018/10/30 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
Python跨文件全局变量的实现方法示例
2017/12/10 Python
python实现桌面气泡提示功能
2019/07/29 Python
淘宝秒杀python脚本 扫码登录版
2019/09/19 Python
Python进程间通信 multiProcessing Queue队列实现详解
2019/09/23 Python
wxPython实现绘图小例子
2019/11/19 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
Antler英国官网:购买安特丽行李箱、拉杆箱
2019/08/25 全球购物
英国最大的在线快递公司之一:ParcelHero
2019/11/04 全球购物
英国领先的隐形眼镜在线供应商:Lenstore.co.uk
2019/11/24 全球购物
当文件系统受到破坏时,如何检查和修复系统?
2012/03/09 面试题
打架检讨书400字
2014/01/17 职场文书
酒店中秋节促销方案
2014/01/30 职场文书
中餐厅主管的职责范文
2014/02/04 职场文书
乌鸦喝水教学反思
2014/02/07 职场文书
装饰公司活动策划方案
2014/08/23 职场文书
节约每一滴水演讲稿
2014/09/09 职场文书
付款承诺函范文
2015/01/21 职场文书
护士自荐信范文(2016推荐篇)
2016/01/28 职场文书
python神经网络 使用Keras构建RNN训练
2022/05/04 Python