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 parent和parents的区别分析
Oct 02 Javascript
JavaScript自定义方法实现trim()、Ltrim()、Rtrim()的功能
Nov 03 Javascript
JS常用正则表达式总结
Nov 12 Javascript
JavaScript记录光标在编辑器中位置的实现方法
Apr 22 Javascript
基于Jquery插件Uploadify实现实时显示进度条上传图片
Mar 26 Javascript
AngularJS中如何使用echart插件示例详解
Oct 26 Javascript
原生JS实现图片轮播切换效果
Dec 15 Javascript
JS传参及动态修改页面布局
Apr 13 Javascript
深入探究angular2 UI组件之primeNG用法
Jul 26 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
Sep 13 Javascript
快速了解vue-cli 3.0 新特性
Feb 28 Javascript
小程序多图列表实现性能优化的方法步骤
May 28 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 对输入信息的进行安全过滤的函数代码
2012/06/29 PHP
php session_start()出错原因分析及解决方法
2013/10/28 PHP
PHP中is_file不能替代file_exists的理由
2014/03/04 PHP
php使用websocket示例详解
2014/03/12 PHP
php断点续传之如何分割合并文件
2014/03/22 PHP
php实现用户注册密码的crypt加密
2017/06/08 PHP
Jquery promise实现一张一张加载图片
2015/11/13 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
2015/12/02 Javascript
jQuery实现form表单基于ajax无刷新提交方法详解
2015/12/08 Javascript
AngularJS使用ngMessages进行表单验证
2015/12/27 Javascript
基于原生js淡入淡出函数封装(兼容IE)
2016/10/20 Javascript
jQuery设置和获取select、checkbox、radio的选中值方法
2017/01/01 Javascript
解决iview打包时UglifyJs报错的问题
2018/03/07 Javascript
使用NestJS开发Node.js应用的方法
2018/12/03 Javascript
vscode配置vue下的es6规范自动格式化详解
2019/03/20 Javascript
layer.open 子页面弹出层向父页面传输数据的例子
2019/09/26 Javascript
Element Alert警告的具体使用方法
2020/07/27 Javascript
Python实现的简单万年历例子分享
2014/04/25 Python
python中requests模块的使用方法
2015/04/08 Python
Python实现大文件排序的方法
2015/07/10 Python
Python爬虫模拟登录带验证码网站
2016/01/22 Python
一个基于flask的web应用诞生 flask和mysql相连(4)
2017/04/11 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
python3中关于excel追加写入格式被覆盖问题(实例代码)
2020/01/10 Python
keras 多gpu并行运行案例
2020/06/10 Python
HTML5之HTML元素扩展(上)—新增加的元素及使用概述
2013/01/31 HTML / CSS
AmazeUI 输入框组的示例代码
2020/08/14 HTML / CSS
NARS化妆品官方商店:美国彩妆品牌
2017/08/26 全球购物
《学棋》教后反思
2014/04/14 职场文书
作风建设剖析材料
2014/10/06 职场文书
2014年小学教师工作总结
2014/11/10 职场文书
网聊搭讪开场白
2015/05/28 职场文书
南京大屠杀观后感
2015/06/02 职场文书
Python排序算法之插入排序及其优化方案详解
2021/06/11 Python
mybatis中注解与xml配置的对应关系和对比分析
2021/08/04 Java/Android
Java实现学生管理系统(IO版)
2022/02/24 Java/Android