js開啟新視窗的方法有很多，本文大致整理了一些,需要的朋友可以參考下
window.location="aaa.aspx" 上面的方法只能在當前頁開啟，如果要在新的頁面開啟，最簡單的是用以下方法 form.target="_blank"; form.action="aaa.aspx"; form.submit(); 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> <ahref="javascript:ow('http://www.aspxhome.com/');"> blog</a> 2,開啟新視窗固定大小 複製代碼 代碼如下:<buttononclick="window.open('/red/','','width=800,height=300')">open1</button> <button onclick="varnewwin=window.open('/red/');newwin.moveTo(50,50);newwin.resizeTo(800,300)">open2</button> <buttononclick="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> -------------------------------------------- <scriptlanguage="JavaScript"> <!-- self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) //--> </script> 4,正常開啟開啟一個快顯視窗 代碼如下:<scriptlanguage="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>ChromelessWindow</title> <SCRIPTLANGUAGE="JScript"> 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:2pxoutset;border-style:expression_r(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,"<aonclick='parent.open(this.href);return false'$1>"); temp += "<table width=100% height=100% cellpadding=0cellspacing=0 border=0>"; temp += "<trstyle=';font-size:12px;background:#0099CC;height:20;cursor:default'ondblclick="Max.innerText=Max.innerText=='1'?'2':'1';parent.if_max=!parent.if_max;parent.show_CW();"onmouseup='parent.drag_up(event)'onmousemove='parent.drag_move(event)'onmousedown='parent.drag_down(event)' onselectstart='return false'oncontextmenu='return false'>"; temp += "<tdstyle='color:#ffffff;padding-left:5px'>ChromelessWindow For IE6 SP1</td>"; temp += "<tdstyle='color:#ffffff;padding-right:5px;'align=right>"; temp += "<span id=Help onclick="alert('ChromelessWindow For IE6 SP1 - Ver 1.0nnCode By Windy_sknnSpecialThanks For andot')"style=""+CSStext+"font-family:System;padding-right:2px;">?</span>"; temp += "<spanid=Min onclick='parent.New_CW.hide();parent.blur()'style=""+CSStext+"font-family:Webdings;"title='Minimum'>0</span>"; temp += "<spanid=Max onclick="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=Closeonclick='parent.opener=null;parent.close()'style=""+CSStext+"font-family:System;padding-right:2px;"title='Close'>x</span>"; temp +="</td></tr><tr><tdcolspan=2>"; temp += "<div id=includestyle='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"){ varMachakFull=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> <body bgcolor="#3366CC" SCROLL=NOonload="MachakFull('/bbs/','')"> ---------------------------------------------------------------------------------------------- <script> window.open('/','','fullscreen=1'); window.close(); </script> 7，網頁對話方塊 代碼如下:<script> window.onload=function(){ varfeatures='status:0;dialogWidth:470px;dialogHeight:470px;dialogTop:100px;dialogLeft:100px;resizable:0;scroll:0;center:1'; showModelessDialog("http://www.aspxhome/",window,features); } function show(laysn) { var obj; obj=laysn.style; obj.visibility='visible'; } function hidden(laysn) { var obj; obj=laysn.style; obj.visibility='hidden'; } </script> 8，子視窗開啟，關閉父視窗 代碼如下:<script> window.open('http://www.aspxhome.com/','','width=790,height=590'); window.opener=null; window.close(); </script>Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
