JS学习之道：js打开新窗口的各种方法

左手的ㄟ右手 2021-09-01 04:05 680阅读 0赞

window.top.location=url 可以在iframe中的页面在父窗口刷新打开

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,打开新窗口固定大小**

**3,默认大小开启**

\--------------------------------------------

**4,正常打开打开一个弹出窗口**

\----------------------------------------------------------------------------------------------

**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>

var CW\_width = 400;  
var CW\_height = 300;  
var CW\_top = 100;  
var CW\_left = 100;  
var CW\_url = "[http://www.cnbruce.com/bluebook/][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\_r(οnmοuseοut=οnmοuseup=function()\{this.style.borderStyle='outset'\}, οnmοusedοwn=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 οnclick='parent.open(this.href);return false' $1>");  
temp += "<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>";  
temp += "<tr style=';font-size:12px;background:\#0099CC;height:20;cursor:default' οndblclick=\\"Max.innerText=Max.innerText=='1'?'2':'1';parent.if\_max=!parent.if\_max;parent.show\_CW();\\" οnmοuseup='parent.drag\_up(event)' οnmοusemοve='parent.drag\_move(event)' οnmοusedοwn='parent.drag\_down(event)' onselectstart='return false' οncοntextmenu='return false'>";  
temp += "<td style='color:\#ffffff;padding-left:5px'>Chromeless Window For IE6 SP1</td>";  
temp += "<td style='color:\#ffffff;padding-right:5px;' align=right>";  
temp += "<span id=Help οnclick=\\"alert('Chromeless Window For IE6 SP1 - Ver 1.0\\\\n\\\\nCode By Windy\_sk\\\\n\\\\nSpecial Thanks For andot')\\" style=\\""+CSStext+"font-family:System;padding-right:2px;\\">?</span>";  
temp += "<span id=Min   οnclick='parent.New\_CW.hide();parent.blur()' style=\\""+CSStext+"font-family:Webdings;\\" title='Minimum'>0</span>";  
temp += "<span id=Max  οnclick=\\"this.innerText=this.innerText=='1'?'2':'1';parent.if\_max=!parent.if\_max;parent.show\_CW();\\" style=\\""+CSStext+"font-family:Webdings;\\" title='Maximum'>1</span>";  
temp += "<span id=Close οnclick='parent.opener=null;parent.close()' style=\\""+CSStext+"font-family:System;padding-right:2px;\\" title='Close'>x</span>";  
temp += "</td></tr><tr><td colspan=2>";  
temp += "<div id=include style='overflow:scroll;overflow-x:hidden;overflow-y:auto; HEIGHT: 100%; width:"+CW\_width+"'>";  
temp += content;  
temp += "</div>";  
temp += "</td></tr></table>";  
CW\_Body.innerHTML = temp;  
\}

setTimeout("insert\_content()",1000);

var if\_max = true;  
function show\_CW()\{  
window.moveTo(10000, 10000);  
if(if\_max)\{  
New\_CW.show(CW\_top, CW\_left, CW\_width, CW\_height);  
if(typeof(New\_CW.document.all.include)!="undefined")\{  
   New\_CW.document.all.include.style.width = CW\_width;  
   New\_CW.document.all.Max.innerText = "1";  
\}  
  
\}else\{  
New\_CW.show(0, 0, screen.width, screen.height);  
New\_CW.document.all.include.style.width = screen.width;  
\}  
\}

window.onfocus = show\_CW;  
window.onresize = show\_CW;

// Move Window  
var drag\_x,drag\_y,draging=false

function drag\_move(e)\{  
if (draging)\{  
New\_CW.show(e.screenX-drag\_x, e.screenY-drag\_y, CW\_width, CW\_height);  
return false;  
\}  
\}

function drag\_down(e)\{  
if(e.button==2)return;  
if(New\_CW.document.body.offsetWidth==screen.width && New\_CW.document.body.offsetHeight==screen.height)return;  
drag\_x=e.clientX;  
drag\_y=e.clientY;  
draging=true;  
e.srcElement.setCapture();  
\}

function drag\_up(e)\{  
draging=false;  
e.srcElement.releaseCapture();  
if(New\_CW.document.body.offsetWidth==screen.width && New\_CW.document.body.offsetHeight==screen.height) return;  
CW\_top = e.screenX-drag\_x;  
CW\_left = e.screenY-drag\_y;  
\}

</SCRIPT>  
</HTML>

**6，打开即全屏**

<html>  
<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>js打开新窗口方法代码收集 - 中国asp之家 - http://www.aspxhome</title>  
<link href="index.css" rel="stylesheet" type="text/css">  
<script language="JavaScript" type="text/JavaScript">  
<!--  
function MachakFull(Ie,other)\{  
x=screen.availWidth;  
y=screen.availHeight;  
target = parseFloat(navigator.appVersion.substring(navigator.appVersion.indexOf('.')-1,navigator.appVersion.length));  
if((navigator.appVersion.indexOf("Mac")!=-1) &&(navigator.userAgent.indexOf("MSIE")!=-1) &&(parseInt(navigator.appVersion)==4))  
window.open(other,"sub",'scrollbars=yes');  
if (target >= 4)\{  
if (navigator.appName=="Netscape")\{  
    var MachakFull=window.open(other,"MachakFull",'scrollbars=yes','width='+x+',height='+y+',top=0,left=0');  
MachakFull.moveTo(0,0);  
MachakFull.resizeTo(x,y);\}  
if (navigator.appName=="Microsoft Internet Explorer")  
window.open(Ie,"MachakFull","fullscreen=yes");  
\}  
else window.open(other,"sub",'scrollbars=yes');  
\}

function MM\_goToURL() \{ //v3.0  
var i, args=MM\_goToURL.arguments; document.MM\_returnValue = false;  
for (i=0; i<(args.length-1); i+=2) eval\_r(args\[i\]+".location='"+args\[i+1\]+"'");  
\}  
//-->  
</script>  
</head>

\----------------------------------------------------------------------------------------------

**7，网页对话框**

**8，子窗口打开，关闭父窗口**

[http_www.cnbruce.com_bluebook]: http://www.cnbruce.com/bluebook/
[http_www.aspxhome_window_features]: http://www.aspxhome/