js打开新窗口步骤代码收集
日期：2014-05-16 浏览次数：20370 次
学习javascript(js),免不了要用到打开新窗口，方法很多，总的来说是使用window.open。不同与HTML中的target=_blank，window.open方法可控制的样式丰富，比如我们可以控制窗口显示的大小，窗口显示的内容，以及位置等等。都是使用js中的window.open有一个缺点就是容易被浏览器屏蔽。本文介绍了js中打开新窗口的各种方法。
1，打开新窗口全屏
<html><head>
<title>blue</title>
<SCRIPT>
function ow(owurl){
var tmp=window.open("about:blank","","fullscreen=1")
tmp.moveTo(0,0)
tmp.resizeTo(screen.width+20,screen.height)
tmp.focus()
tmp.location=owurl
}
</SCRIPT>
</head>
<body>
<a href="javascript:ow('http://www.aspxhome.com/');">
blog</a>
2,打开新窗口固定大小
<button onclick="window.open('/red/','','width=800,height=300')">open1</button>
<button onclick="var newwin=window.open('/red/');newwin.moveTo(50,50);newwin.resizeTo(800,300)">open2</button>
<button onclick="window.showModelessDialog('/red','','dialogWidth:800px;dialogHeight:300px')">open3</button>
3,默认大小开启
<script>
//tmtC_winMaximizer
if (document.layers){
var larg=screen.availWidth-10;
var altez=screen.availHeight-20;}
else{
var larg=screen.availWidth-2;
var altez=screen.availHeight;}
self.resizeTo(larg,altez);
self.moveTo(0,0);
//tmtC_winMaximizerEnd
</script>
--------------------------------------------
<script language="JavaScript">
<!--
self.moveTo(0,0)
self.resizeTo(screen.availWidth,screen.availHeight)
//-->
</script>
4,正常打开打开一个弹出窗口
<script language="JavaScript">
function WinOpen() {
?? mesg=open("cnrose","DisplayWindow","toolbar=no,,menubar=no,location=no,scrollbars=no");
?? mesg.document.write("<HEAD><TITLE>中国asp之家</TITLE></HEAD>");
?? mesg.document.write("<CENTER>http://www.aspxhome</CENTER>");
}
</script>
<form>
<input type="button" name="Button1" value="CN-Bruce" onclick="WinOpen()">
</form>
----------------------------------------------------------
<a href=# onclick=window.open('http://www.aspxhome','target','param')>a</a>
5，Chromeless Window For IE6 SP1
<HTML XMLNS:IE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<IE:Download ID="include" STYLE="behavior:url(#default#download)" />
<title>Chromeless Window</title>
<SCRIPT LANGUAGE="JScript">
/*--- Special Thanks For andot ---*/
/*
This following code are designed and writen by Windy_sk <seasonx@163.net>
You can use it freely, but u must held all the copyright items!
*/
/*--- Thanks For andot Again ---*/
var CW_width = 400;
var CW_height = 300;
var CW_top = 100;
var CW_left = 100;
var CW_url = "http://www.cnbruce.com/bluebook/";
var New_CW = window.createPopup();
var CW_Body = New_CW.document.body;
var content = "";
var CSStext = "margin:1px;color:black; border:2px outset;border-style:expression(onmouseout=onmouseup=function(){this.style.borderStyle='outset'}, onmousedown=function(){if(event.button!=2)this.style.borderStyle='inset'});background-color:buttonface;width:16px;height:14px;font-size:12px;line-height:11px;cursor:Default;";
//Build Window
include.startDownload(CW_url, function(source){content=source});
function insert_content(){
var temp = "";
CW_Body.style.overflow = "hidden";
CW_Body.style.backgroundColor = "white";
CW_Body.style.border = "solid black 1px";
content = content.replace(/<a ([^>]*)>/g,"<a onclick='parent.open(this.href);return false' $1>");
temp += "<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>";
temp += "<tr style=';
