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 相关文章推荐
网页里控制图片大小的相关代码
Jun 13 Javascript
javascript 鼠标滚轮事件
Apr 09 Javascript
JavaScript 三种创建对象的方法
Oct 16 Javascript
Javascript浅谈之this
Dec 17 Javascript
详解JavaScript中的forEach()方法的使用
Jun 08 Javascript
详解JavaScript异步编程中jQuery的promise对象的作用
May 03 Javascript
详解利用jsx写vue组件的方法示例
Jul 17 Javascript
vue-cli开发环境实现跨域请求的方法
Apr 07 Javascript
Vue动态路由缓存不相互影响的解决办法
Feb 19 Javascript
echarts实现获取datazoom的起始值(包括x轴和y轴)
Jul 20 Javascript
Vue 3.0中jsx语法的使用
Nov 13 Javascript
vue-router中hash模式与history模式的区别
Jun 23 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实现小型站点广告管理
2006/10/09 PHP
php设计模式  Command(命令模式)
2011/06/17 PHP
php中使用$_REQUEST需要注意的一个问题
2013/05/02 PHP
ThinkPHP中RBAC类的四种用法分析
2014/11/24 PHP
PHP文件上传、客户端和服务器端加限制、抓取错误信息、完整步骤解析
2017/01/12 PHP
PHP实现微信退款的方法示例
2019/03/26 PHP
解决php用mysql方式连接数据库出现Deprecated报错问题
2019/12/25 PHP
Jquery AutoComplete自动完成 的使用方法实例
2010/03/19 Javascript
打造基于jQuery的高性能TreeView(asp.net)
2011/02/23 Javascript
javascript中的undefined和not defined区别示例介绍
2014/02/26 Javascript
jQuery实现折叠、展开的菜单组效果代码
2015/09/16 Javascript
JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法
2016/01/12 Javascript
JS实现登录页面记住密码和enter键登录方法推荐
2016/05/10 Javascript
js实现华丽的九九乘法表效果
2017/03/29 Javascript
js下载文件并修改文件名
2017/05/08 Javascript
angular实现图片懒加载实例代码
2017/06/08 Javascript
angularjs $http实现form表单提交示例
2017/06/09 Javascript
详解Node项目部署到云服务器上
2017/07/12 Javascript
vue拦截器实现统一token,并兼容IE9验证功能
2018/04/26 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
2018/05/15 Javascript
Vue press 支持图片放大功能的实例代码
2018/11/09 Javascript
微信小程序实现发送验证码按钮效果
2018/12/20 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
2019/12/04 Javascript
vue-router定义元信息meta操作
2020/12/07 Vue.js
Python切片知识解析
2016/03/06 Python
运行django项目指定IP和端口的方法
2018/05/14 Python
python3实现逐字输出的方法
2019/01/23 Python
使用Python画出小人发射爱心的代码
2019/11/23 Python
pycharm配置安装autopep8自动规范代码的实现
2021/03/02 Python
护理专科毕业推荐信
2013/11/10 职场文书
建筑专业毕业生推荐信
2013/11/21 职场文书
上课玩手机检讨书
2014/02/08 职场文书
中级会计大学生职业生涯规划书
2014/09/16 职场文书
2014年工程师工作总结
2014/11/25 职场文书
检讨书范文2000字
2015/01/28 职场文书
Python Pandas读取Excel日期数据的异常处理方法
2022/02/28 Python