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 相关文章推荐
网络之美 JavaScript中Get和Set访问器的实现代码
Sep 19 Javascript
5个javascript的数字格式化函数分享
Dec 07 Javascript
使用jQuery Ajax功能时需要注意的一个问题(内存溢出)
May 30 Javascript
Raphael带文本标签可拖动的图形实现代码
Feb 20 Javascript
js获取下拉列表的值和元素个数示例
May 07 Javascript
javascript 中__proto__和prototype详解
Nov 25 Javascript
angular+webpack2实战例子
May 23 Javascript
vue-resource拦截器设置头信息的实例
Oct 27 Javascript
JavaScript中构造函数与原型链之间的关系详解
Feb 25 Javascript
VueCli3.0中集成MockApi的方法示例
Jul 05 Javascript
小程序接入腾讯位置服务的详细流程
Mar 03 Javascript
vue实现选中效果
Oct 07 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
dedecms中使用php语句指南
2014/11/13 PHP
php解析xml方法实例详解
2015/05/12 PHP
PHP实现仿百度文库,豆丁在线文档效果(word,excel,ppt转flash)
2016/03/10 PHP
PHP编程实现微信企业向用户付款的方法示例
2017/07/26 PHP
Laravel框架中缓存的使用方法分析
2019/09/06 PHP
用js做一个小游戏平台 (一)
2009/12/29 Javascript
node.js中的fs.symlink方法使用说明
2014/12/15 Javascript
微信JSSDK上传图片
2015/08/23 Javascript
在easyUI开发中,出现jquery.easyui.min.js函数库问题的解决办法
2015/09/11 Javascript
基于jQuery实现美观且实用的倒计时实例代码
2015/12/30 Javascript
javascript中select下拉框的用法总结
2016/01/07 Javascript
jquery使用Cookie和JSON记录用户最近浏览历史
2016/04/19 Javascript
jQuery实现的自动加载页面功能示例
2016/09/04 Javascript
BootStrap Fileinput初始化时的一些参数
2016/12/30 Javascript
详解Vue2 无限级分类(添加,删除,修改)
2017/03/07 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
Vue插件从封装到发布的完整步骤记录
2019/02/28 Javascript
vue--vuex详解
2019/04/15 Javascript
Vue实现渲染数据后控制滚动条位置(推荐)
2019/12/09 Javascript
Python中对列表排序实例
2015/01/04 Python
python3.5仿微软计算器程序
2020/03/30 Python
详解Python中的文件操作
2016/08/28 Python
儿童python练习实例
2018/05/27 Python
浅谈Pandas:Series和DataFrame间的算术元素
2018/12/22 Python
python利用7z批量解压rar的实现
2019/08/07 Python
如何爬取通过ajax加载数据的网站
2019/08/15 Python
python实现提取COCO,VOC数据集中特定的类
2020/03/10 Python
Python求解排列中的逆序数个数实例
2020/05/03 Python
Python3压缩和解压缩实现代码
2021/03/01 Python
html5 css3实例教程 一款html5和css3实现的小机器人走路动画
2014/10/20 HTML / CSS
捷克时尚网上商店:OTTO
2018/03/15 全球购物
机电专业体育教师求职信
2013/09/21 职场文书
《鞋匠的儿子》教学反思
2014/03/02 职场文书
电子信息工程专业自荐书
2014/06/24 职场文书
销售人员工作自我评价
2014/09/21 职场文书
Golang并发工具Singleflight
2022/05/06 Golang