关于页面被拦截的问题

更新时间：2010年02月08日 07:52:38 作者：

先来看一下几个常用浏览器的拦截设置

2. TT

3. maxthon

chrome , firefox 默认安装是没有页面拦截的，都有一些对应的插件

测试的时候不能在本地测试，要把页面放到http 服务器上。
1. ie
页面拦截设为高，所有方式都无法在新页打开。
拦截设为中， window.open ，直接写的页面上， new 一个a click，以及form submit 都可以打开页面， timeout 不能打开页面。
拦截设为低，以上几种方式都可以打开。
ie6 submit 方式后会在url 后加上？如http://www.baidu.com/?
2. maxthon
不继承ie的拦截设置。
maxthon 支持一定时间的timeout open , 现在测试大概是850 ms, 以上几种方式在timeour 大于850 不能打开页面。
3. chrome
chrome不支持timeout open 的方式，跟ie 的一致。
4. TT
TT 自定义屏幕模式下不能用脚本打开新页面。
5. firefox
firefox 默认的方式没有拦截，以上方式都可以打开。
代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>title</title> <style type="text/css"> a { display: block; margin : 10px 0; border: 2px solid #555; width: 500px; } </style> <script type="text/javascript"> // chrome, maxthon 不拦截 ie拦截水平 '中' 会拦截 function test0() { window.open('http://www.baidu.com'); } function test_10() { setTimeout(function() { window.open('http://www.baidu.com'); } , 10); } function test_local_100() { setTimeout(function() { window.open('http://' + location.host); } , 100); } function test_local() { window.open('http://' + location.host); } // maxthon 不拦截 ie拦截水平 '中' 会拦截 function test() { setTimeout(function() { window.open('http://www.baidu.com'); } , 500); } // maxthon 不拦截 ie拦截水平 '中' 会拦截 function test1() { setTimeout(function() { window.open('http://www.baidu.com'); } , 850); } // maxthon 拦截 ie拦截水平 '中' 会拦截 function test2() { setTimeout(function() { window.open('http://www.baidu.com'); } , 900); } // maxthon 拦截 ie拦截水平 '中' 会拦截 function test3() { setTimeout(function() { window.open('http://www.baidu.com'); } , 1000); } // 以上几个在chrome 下拦截 // // maxthon 不拦截 ie拦截水平 '高' 会拦截, firefox , chrome 不支持 function test4() { var a = document.createElement('a'); a.href = "http://www.baidu.com/"; a.target="_blank"; document.body.appendChild(a); a.click(); } function test_ope() { var a = document.getElementsByTagName('a'); for (var i = 0, len=10000; i < len; i++) { for (var j = 0, len=a.length; j < len; j++) { 1 } } window.open('http://www.baidu.com'); window.open('http://www.baidu.com'); } // </script> </head> <a onclick="test0()">window.open</a> <a onclick="test()">timeout 500ms window.open</a> <a onclick="test1()">timeout 850ms window.open</a> <a onclick="test2()">timeout 900ms window.open</a> <a onclick="test3()">timeout 1000ms window.open</a> <a onclick="test4()">new a click</a> <a onclick="test_10()">timeout 10ms window.open</a> <a onclick="test_local()"> window.open local domain</a> <a onclick="test_local_100()">timeout 100ms window.open local domain</a> <a onclick="test_ope()">test operation open</a>  <a href="http://www.baidu.com/" target="_blank">a href target blank</a> <a href="http://127.0.0.1/" target="_blank">a href target blank local domain</a> <div onclick="test()">div time 500</div> <button onclick="test()">button time 500</button> img time out 500 <img src="/upload/2010-2/20100208075304466.gif" onclick="test()" />  <form action="http://www.baidu.com" target="xxx" method="get" accept-charset="utf-8"> form submit <p><input type="submit" value="Continue &rarr;" /></p> </form> <body> </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

小结一下：
1. 应用要在新页打开，使用 a 加上 href 把别的一些功能放在onclick 上，如
<a href="http://www.baidu.com" target="_blank" onclick="alert(1)"></a>
2. 一些应用要在新页打开，跟cgi在关的，可以使用http 302 跳转
<a href="http://www.example.com/cgi?myid=1" target="_blank" onclick="alert(1)"></a>
http://www.example.com/cgi?myid=1 将跳转到你想要的页面
3. 一定要用js在新页打开页面的，用window.open 就可以
<a href="javascript;" onclick="window.open('http://www.baidu.com');return false;"></a>

Bootstrap进度条组件知识详解
在网页中，经常见到进度条效果，那么这些个性的进度条组件效果是怎么实现的呢，下面脚本之家小编给大家分享Bootstrap进度条组件知识详解，感兴趣的朋友要求学习吧
2016-05-05
JS中的异常处理方法分享
我们在编写js过程中，难免会遇到一些代码错误问题，需要找出来，有些时候怕因为js问题导致用户体验差，这里给出一些解决方法
2013-12-12
PHP实现本地图片上传和验证功能
这篇文章主要为大家详细介绍了PHP实现本地图片上传和验证功能的相关资料，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-02-02
js 操作css实现代码
虽说jquery支持css选择器，可以把一些css规则放在js里，js无论如何是比css灵活的。但是js修改的是dom的htmlelement的stlye，是一个操作而非规则。
2009-06-06
关于微信小程序实现云支付那些事儿
我们在做小程序支付相关的开发时,总会遇到这些难题,下面这篇文章主要给大家介绍了关于微信小程序实现云支付那些事儿,文中通过图文介绍的非常详细,需要的朋友可以参考下
2021-09-09
情人节专属纯js脚本1k大小的3D玫瑰效果
用代码做出的玫瑰花，这才是牛逼程序员送给女友的最好情人节礼物呢
2012-02-02
Javascript刷新窗口方法小结
这篇文章主要介绍了Javascript刷新窗口方法,以实例形式分析了JavaScript刷新窗口的四种常用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-10-10
JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法
这篇文章主要介绍了JS提示：Uncaught SyntaxError:Unexpected token ) 错误的解决方法,结合实例形式分析了javascript提示此类异常的常见原因与相关解决方法,需要的朋友可以参考下
2016-08-08
Cordova(ionic)项目实现双击返回键退出应用
这篇文章主要为大家详细介绍了Cordova项目实现双击返回键退出应用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-09-09
Js中FileReader读取文件内容方法详解(async/await)
这篇文章主要给大家介绍了关于Js中FileReader读取文件内容(async/await)的相关资料,FileReader是前端进行文件处理的一个重要的Api,特别是在对图片的处理上,如果你想知道图片的处理原理,你就永远不可能绕过它,需要的朋友可以参考下
2023-11-11

关于页面被拦截的问题

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具