DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> js打開新窗口方法整理
js打開新窗口方法整理
編輯:JavaScript綜合知識     

 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>   
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved