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

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

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

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

时间: 2024-09-20 10:39:27

JavaScript检查弹出窗口是否被阻拦的方法技巧_javascript技巧的相关文章

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

 这篇文章主要介绍了JavaScript检查弹出窗口是否被阻拦的方法技巧,本文用于检测window.open弹出的窗口是否被阻拦,需要的朋友可以参考下     出框口很有用,需要弹出窗口.对于开发这样的网站的程序员,他们有个棘手的问题,他们不知道这些弹出窗口是否被浏览器或各种浏览器插件给屏蔽了,没有弹出来.当然,浏览器会通知用户,但这些很少会引起用户的注意.下面是一个简单的方法来测试你的弹出窗口是否被阻拦了. The JavaScript   代码如下: var windowName = 'us

JavaScript检测弹出窗口是否已经关闭的方法

 这篇文章主要介绍了JavaScript检测弹出窗口是否已经关闭的方法,涉及javascript中window属性的closed属性的使用技巧,需要的朋友可以参考下     本文实例讲述了JavaScript检测弹出窗口是否已经关闭的方法.分享给大家供大家参考.具体实现方法如下: 代码如下: var win = window.open('foo.html','windowName',"width=200,height=200,scrollbars=no"); var timer = s

JavaScript检测弹出窗口是否已经关闭的方法_javascript技巧

本文实例讲述了JavaScript检测弹出窗口是否已经关闭的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: var win = window.open('foo.html','windowName',"width=200,height=200,scrollbars=no"); var timer = setInterval(function() {       if(win.closed) {          clearInterval(timer);     

JS+CSS实现Div弹出窗口同时背景变暗的方法_javascript技巧

本文实例讲述了JS+CSS实现Div弹出窗口同时背景变暗的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS+CSS实现的Div弹出窗口,同时背景变暗</title> <script>     function    locking(){      document.all.ly.style.display="block";      document.all.

JavaScript主页弹出窗口技巧集锦

javascript|弹出窗口|技巧 一.在下面的代码中,你只要单击打开一个窗口,即可链接到赛迪网.而当你想关闭时,只要单击一下即可关闭刚才打开的窗口. 代码如下: <SCRIPT language="JavaScript"> <!-- function openclk() { another=open('http://www.webjx.com','NewWindow'); } function closeclk() { another.close(); } //-

javascript之弹出窗口居中的代码_javascript技巧

Test [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] javascript弹出窗口居中代码 下面给两个弹出屏幕居中窗口的例子 复制代码 代码如下: window.open()方式 function ShowDialog(url) { var iWidth=300; //窗口宽度 var iHeight=200;//窗口高度 var iTop=(window.screen.height-iHeight)/2; var iLeft=(window.screen.width-iWidt

javascript 控制弹出窗口_javascript技巧

前言:经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项.版权信息   .警告.欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段javascript代码即可实现.下面我就带您剖析它的奥秘.                 [1.最基本的弹出窗口代码]                <SCRIPT   LANGUAGE="javascript"

Javascript网页弹出窗口广告代码

window.open 弹出新窗口的命令: 'page.html' 弹出窗口的文件名: 'newwindow' 弹出窗口的名字(不是文件名),非必须,可用空''代替: height=100 窗口高度: width=400 窗口宽度: top=0 窗口距离屏幕上方的象素值: left=0 窗口距离屏幕左侧的象素值: toolbar=no 是否显示工具栏,yes为显示: menubar,scrollbars 表示菜单栏和滚动栏. resizable=no 是否允许改变窗口大小,yes为允许: loc

Jquery弹出窗口插件 LeanModal的使用方法_jquery

开发网站少不了要经常用弹出窗口的形式,今天在网上搜了个小插件LeanModal,记录于此,方便自己,亦方便他人使用. 此插件是个老外写的,体积小是它最大的优点,压缩后1k不到.当然,此插件是寄生于JQuery上. 一. 效果图 二.使用步骤: 1.引用Jquery.js和leanModal.min.js 复制代码 代码如下: <script src="Javascript/jquery-1.4.1.min.js" type="text/javascript"&