|
先看一个常见的window.open打开窗口实例
| 代码如下 |
复制代码 |
<SCRIPT>
<!--
window.open ('page.html','newwindow','height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')
//写成一行
-->
</SCRIPT>
|
脚本运行后，page.html将在新窗体newwindow中打开，宽为100，高为400，距屏顶0象素，屏左0象素，无工具条，无菜单条，无滚动条，不可调整大小，无地址栏，无状态栏,但是结果打不开了，这个检查后来发现是浏览器给蔽解window.open了，后来找了一段解决此问题的代码。
直接看代码
| 代码如下 |
复制代码 |
|
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.1.min.js"></script>
<script type="text/javascript">
<!--
$(
function()
{
//方法一
window.showModalDialog("http://www.111cn.net/");
window.showModalDialog("http://www.111cn.net/");
//方法二
var aa=window.open();
setTimeout(function(){
aa.location="http://www.111cn.net";
}, 100);
var b=window.open();
setTimeout(function(){
b.location="http://www.111cn.net";
}, 200);
var c=window.open();
setTimeout(function(){
c.location="http://www.111cn.net";
}, 300);
var d=window.open();
setTimeout(function(){
d.location="http://www.111cn.net";
}, 400);
var ee=window.open();
setTimeout(function(){
ee.location="http://www.111cn.net";
}, 500);
var f=window.open();
setTimeout(function(){
f.location="http://www.111cn.net";
}, 600);
var g=window.open();
setTimeout(function(){
g.location="http://www.111cn.net";
}, 700);
var h=window.open();
setTimeout(function(){
h.location="http://www.111cn.net";
}, 800);
var i=window.open();
setTimeout(function(){
i.location="http://www.111cn.net";
}, 900);
var j=window.open();
setTimeout(function(){
j.location="http://www.111cn.net";
}, 1000);
//方法三
var a = $("<a href='http://www.111cn.net' target='_blank'>Apple</a>").get(0);
var e = document.createEvent('MouseEvents');
e.initEvent( 'click', true, true );
a.dispatchEvent(e);
var a = $("<a href='http://www.111cn.net' target='_blank'>Apple</a>").get(0);
var e = document.createEvent('MouseEvents');
e.initEvent( 'click', true, true );
a.dispatchEvent(e);
}
);
//-->
</script>
</head>
<body></body>
</html>
|
|
