JavaScript检查弹出窗口是否被阻拦的方法技巧

 更新时间:2015年03月13日 09:58:35   投稿:junjie  
这篇文章主要介绍了JavaScript检查弹出窗口是否被阻拦的方法技巧,本文用于检测window.open弹出的窗口是否被阻拦,需要的朋友可以参考下

出框口很有用,需要弹出窗口。对于开发这样的网站的程序员,他们有个棘手的问题,他们不知道这些弹出窗口是否被浏览器或各种浏览器插件给屏蔽了,没有弹出来。当然,浏览器会通知用户,但这些很少会引起用户的注意。下面是一个简单的方法来测试你的弹出窗口是否被阻拦了。

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();
}

第一步是正常的弹出窗口,并捕捉窗口句柄,检查这个句柄对象是否存在。如果存在,感谢上帝。如果不存在,我们提示用户应该关闭弹出窗口阻拦设置,重新点击链接。当然,你可以用更有说服力的信息提示给用户。或者你可以使用一个弹出层来显示信息。

相关文章

  • Uniapp全局消息提示以及其组件的实现方法

    Uniapp全局消息提示以及其组件的实现方法

    当时在做登录那边需要做一些交互,所以必不可少要用到消息提示框,下面这篇文章主要给大家介绍了关于Uniapp全局消息提示以及其组件的实现方法,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06
  • 后台获取ZTREE选中节点的方法

    后台获取ZTREE选中节点的方法

    这篇文章主要介绍了后台获取ZTREE选中节点的方法,实例分析了ZTREE中getZTreeObj方法与getCheckedNodes方法的使用技巧,需要的朋友可以参考下
    2015-02-02
  • 基于es6三点运算符的使用方法(实例讲解)

    基于es6三点运算符的使用方法(实例讲解)

    下面小编就为大家带来一篇基于三点运算符的使用方法(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-10-10
  • 间隔滚动效果-兼容IE和FireFox

    间隔滚动效果-兼容IE和FireFox

    间隔滚动效果-兼容IE和FireFox...
    2006-12-12
  • uniapp中实现canvas超出屏幕滚动查看功能

    uniapp中实现canvas超出屏幕滚动查看功能

    亲爱的小伙伴,当你需要在uniapp中使用canvas绘制一个超长图,就类似于横向的流程图时,这个canvas超出屏幕部分拖动屏幕查看会变得十分棘手,怎么解决这个问题呢,下面小编给大家介绍uniapp中实现canvas超出屏幕滚动查看功能,感兴趣的朋友一起看看吧
    2024-03-03
  • 关于微信小程序bug记录与解决方法

    关于微信小程序bug记录与解决方法

    这篇文章主要介绍了关于微信小程序bug记录与解决方法,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-08-08
  • Mac地址验证的javascript代码

    Mac地址验证的javascript代码

    这篇文章介绍了Mac地址验证的javascript代码,在路由器中,mac地址是用得比较多的
    2013-11-11
  • JavaScript学习小结之被嫌弃的eval函数和with语句实例详解

    JavaScript学习小结之被嫌弃的eval函数和with语句实例详解

    这篇文章主要介绍了JavaScript学习小结之被嫌弃的eval和with实例详解的相关资料,需要的朋友可以参考下
    2016-08-08
  • javascript的currying函数介绍

    javascript的currying函数介绍

    curring的概念将函数式编程的概念和默认参数以及可变参数结合在一起.一个带n个参数,curried的函数固化第一个参数为固定参数,并返回另一个带n-1个参数的函数对象,分别类似于LISP的原始函数car和cdr的行为。currying能泛化为偏函数应用(partial function application, PFA),p 这种函数将任意数量(顺序)的参数的函数转化为另一个带剩余参数的函数对象
    2012-02-02
  • JavaScript中操作Mysql数据库实例

    JavaScript中操作Mysql数据库实例

    这篇文章主要介绍了JavaScript中操作Mysql数据库实例,本文直接给出实现代码,代码中包含详细注释,需要的朋友可以参考下
    2015-04-04

最新评论