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 技巧小结
Apr 02 Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
May 15 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
Oct 09 Javascript
js实现模拟计算器退格键删除文字效果的方法
May 07 Javascript
JavaScript中反正弦函数Math.asin()的使用简介
Jun 14 Javascript
js实现字符串和数组之间相互转换操作
Jan 12 Javascript
JavaScript代码生成PDF文件的方法
Feb 26 Javascript
BootStrap实用代码片段之一
Mar 22 Javascript
Javascript删除指定元素节点的方法
Jun 21 Javascript
在Vue中如何使用Cookie操作实例
Jul 27 Javascript
详解Vue.js iview实现树形权限表(可扩展表)
Sep 30 Javascript
一篇超完整的Vue新手入门指导教程
Nov 18 Vue.js
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获取远程图片并把它保存到本地的代码
2008/04/07 PHP
php 运行效率总结(提示程序速度)
2009/11/26 PHP
浅谈php serialize()与unserialize()的用法
2013/06/05 PHP
codeigniter框架The URI you submitted has disallowed characters错误解决方法
2014/05/06 PHP
33道php常见面试题及答案
2015/07/06 PHP
php的socket编程详解
2016/11/20 PHP
扩展JavaScript功能的正确方法(译文)
2012/04/12 Javascript
使用jQuery制作Web页面遮罩层插件的实例教程
2016/05/26 Javascript
jQuery事件对象总结
2016/10/17 Javascript
Javascript中内建函数reduce的应用详解
2016/10/20 Javascript
JS图片压缩(pc端和移动端都适用)
2017/01/12 Javascript
JS批量替换内容中关键词为超链接
2017/02/20 Javascript
JavaScript学习总结之正则的元字符和一些简单的应用
2017/06/30 Javascript
深入剖析Node.js cluster模块
2018/05/23 Javascript
Vue组件Draggable实现拖拽功能
2018/12/01 Javascript
JS实现二维数组元素的排列组合运算简单示例
2019/01/28 Javascript
Python切片用法实例教程
2014/09/08 Python
python使用正则表达式分析网页中的图片并进行替换的方法
2015/03/26 Python
详解Python中的相对导入和绝对导入
2017/01/06 Python
对pandas进行数据预处理的实例讲解
2018/04/20 Python
Python3实现将本地JSON大数据文件写入MySQL数据库的方法
2018/06/13 Python
Python实现拷贝/删除文件夹的方法详解
2018/08/29 Python
浅析python参数的知识点
2018/12/10 Python
Python基础之函数的定义与使用示例
2019/03/23 Python
Python获取时间范围内日期列表和周列表的函数
2019/08/05 Python
基于Python的微信机器人开发 微信登录和获取好友列表实现解析
2019/08/21 Python
Python下划线5种含义代码实例解析
2020/07/10 Python
新东方旗下远程教育网站:新东方在线
2020/03/19 全球购物
“九一八事变纪念日”国旗下讲话稿
2014/09/14 职场文书
党支部2014年度工作总结
2014/12/04 职场文书
公司清洁工岗位职责
2015/04/15 职场文书
傅雷家书读书笔记
2015/06/29 职场文书
2015年防灾减灾工作总结
2015/07/24 职场文书
JavaScript实现简单图片切换
2021/04/29 Javascript
用JS写一个发布订阅模式
2021/11/07 Javascript
Python+Matplotlib+LaTeX玩转数学公式
2022/02/24 Python