關于頁面被攔截的問題

2019-11-21 00:45:17

字體：大中小

來源：轉載

供稿：網友

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  target="_blank">a href target blank</a> <a  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="http://files.VeVB.COm/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 →" /></p> </form> <body> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

小結一下：
1. 應用要在新頁打開，使用 a 加上 href 把別的一些功能放在onclick 上，如
<a target="_blank" onclick="alert(1)"></a>
2. 一些應用要在新頁打開，跟cgi在關的，可以使用http 302 跳轉
<a 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>

上一篇：javascript 解析url的search方法

下一篇：jQuery 文本框模擬下拉列表效果