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 相关文章推荐
prototype 1.5 & scriptaculous 1.6.1 学习笔记
Sep 07 Javascript
在线游戏大家来找茬II
Sep 30 Javascript
javascript代码编写需要注意的7个小细节小结
Sep 21 Javascript
jQuery使用fadeout实现元素渐隐效果的方法
Mar 27 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
Sep 19 Javascript
jQuery Form 表单提交插件之formSerialize,fieldSerialize,fieldValue,resetForm,clearForm,clearFields的应用
Jan 23 Javascript
基于javascript实现图片滑动效果
May 07 Javascript
vue的props实现子组件随父组件一起变化
Oct 27 Javascript
Centos6.8下Node.js安装教程
May 12 Javascript
Vue编写多地区选择组件
Aug 21 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
Aug 21 Javascript
js实现九宫格抽奖
Mar 19 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新建文件自动编号的思路与实现
2011/06/27 PHP
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
如何使用PHP对网站验证码进行破解
2015/09/17 PHP
PHP Ajax JavaScript Json获取天气信息实现代码
2016/08/17 PHP
jQuery 树形结构的选择器
2010/02/15 Javascript
javascript下利用arguments实现string.format函数
2010/08/24 Javascript
jquery remove方法应用详解
2012/11/22 Javascript
js阻止事件追加的具体实现
2014/10/15 Javascript
jQuery实现仿腾讯视频列表分页效果的方法
2015/08/07 Javascript
轻松实现javascript图片轮播特效
2016/01/13 Javascript
AngularJS实现单独作用域内的数据操作
2016/09/05 Javascript
JavaScript Ajax实现异步通信
2016/12/14 Javascript
jQuery命名空间与闭包用法示例
2017/01/12 Javascript
关于vuex的学习实践笔记
2017/04/05 Javascript
原生js 封装get ,post, delete 请求的实例
2017/08/11 Javascript
JavaScript定时器setTimeout()和setInterval()详解
2017/08/18 Javascript
vue头部导航动态点击处理方法
2018/11/02 Javascript
微信小程序Echarts覆盖正常组件问题解决
2019/07/13 Javascript
JavaScript 链表定义与使用方法示例
2020/04/28 Javascript
Vue中的nextTick作用和几个简单的使用场景
2021/01/25 Vue.js
通过Python爬虫代理IP快速增加博客阅读量
2016/12/14 Python
一条命令解决mac版本python IDLE不能输入中文问题
2018/05/15 Python
Python安装Flask环境及简单应用示例
2019/05/03 Python
深入浅析python3中的unicode和bytes问题
2019/07/03 Python
Tensorflow获取张量Tensor的具体维数实例
2020/01/19 Python
python实现在线翻译
2020/06/18 Python
Dockers美国官方网站:卡其裤、男士服装、鞋及配件
2016/11/22 全球购物
Pandora德国官网:购买潘多拉手链、戒指、项链和耳环
2020/02/20 全球购物
莫斯科珠宝厂官方网站:Miuz
2020/09/19 全球购物
EJB的基本架构
2016/09/22 面试题
平面网站制作专科生的自我评价分享
2013/12/11 职场文书
舞蹈教育学专业自荐信
2014/06/15 职场文书
2015年大学生入党自荐书
2015/03/24 职场文书
研究生导师推荐信
2015/03/25 职场文书
个人向公司借款协议书
2016/03/19 职场文书
MySQL 执行数据库更新update操作的时候数据库卡死了
2022/05/02 MySQL