JS 用window.open()函數詳解

window.open詳解: 

window.open("sUrl","sName","sFeature","bReplace"); 

sUrl:可選項。字符串(String)。指定要被加載的HTML文檔的URL地址。假如無指定值，則about:blank的新窗口會被顯示。 

sName:可選項。字符串(String)。指定打開的窗口的名字。這個名字能夠用於form或a對象的TARGET屬性。此名字也能夠使用下列通用名稱:_media:IE6.0在瀏覽器左邊的媒體面板內打開sUrl。 

_blank:在新窗口中打開sUrl。 
_parent:在當前框架的父框架內打開。假如當前框架無父框架，此參數值等同於_self。 
_search:IE5.0在瀏覽器左邊的搜索面板內打開sUrl。 
_self:sUrl在當前窗口中打開，覆蓋當前文檔。 
_top:在全部框架以外的最頂層窗口中打開sUrl。假如當前窗口無框架結構，此參數值等同於_self。 

sFeatures:可選項。字符串(String)。指定窗口裝飾樣式。使用下面的值。多個之間用逗號隔開。只有當新的瀏覽器窗口被創建時，此參數的設置纔會發生做用。channelmode={yes|no|1|0}指定是否將窗口顯示爲頻道模式。默認值爲no。 

directories={yes|no|1|0}指定是否顯示「連接」按鈕。默認值爲yes。 
fullscreen={yes|no|1|0}指定是否以全屏方式顯示窗口。默認值爲no。要當心使用全屏模式，由於這種模式會隱藏瀏覽器窗口的標題欄和菜單。若是沒有在頁面內提供關閉窗口的功能，用戶能夠使用ALT+F4快捷鍵關閉窗口。 
height=number設置窗口的高度。最小值爲100。 
left=number設置窗口左上角相對於桌面的橫座標。單位爲像素(px)。 
width=number設置窗口的寬度。最小值爲100。 
top=number設置窗口左上角相對於桌面的縱座標。單位爲像素(px)。 
location={yes|no|1|0}設置是否顯示瀏覽器窗口的地址欄。默認值爲yes。 
menubar={yes|no|1|0}設置是否顯示瀏覽器窗口的菜單欄。默認值爲yes。 
resizable={yes|no|1|0}設置窗口是否容許被用戶改變尺寸。默認值爲yes。 
scrollbars={yes|no|1|0}設置窗口是否能夠具備滾動條。默認值爲yes。 
status={yes|no|1|0}設置是否顯示瀏覽器窗口的狀態欄。默認值爲yes。 
titlebar={yes|no|1|0}設置是否顯示瀏覽器窗口的標題欄。除非調用程序是HTML應用程式(HTA)或被信任的對話框，不然此參數將被忽略。默認值爲yes。toolbar={yes|no|1|0}設置是否顯示瀏覽器窗口的工具條。默認值爲yes。 
bReplace:可選項。布爾值(Boolean)。false|true。false:新打開的文檔覆蓋歷史列表裏的當前文檔。true:文新打開的文檔被簡單的添加到歷史列表的最後。 

返回值： 
oNewWindow:對象(Element)。返回對新的window對象的引用。

 

-------------------------------------------------------------------------------------------------------------------

 

方法：

 

 1:  在父級頁面 test.aspx 的點擊<input type="button" id="btnShow" onclick="showItem();"  value="顯示子窗體"/>按鈕觸發 ，而後 ：

  <script language="javascript" type="text/javascript">
   function showItem() {

         var  win = window.open("test2.aspx",null," height=300,width=450,  Left=300px,Top=20px, menubar=no,titlebar=no,scrollbar=no,toolbar=no, status=no,location=no");

  }

 

  2: 在子級頁面test2.aspx的點擊<input type="button" id="btnSelect" onclick="check();"  value="選擇"/> 按鈕觸發，而後：

    <script language="javascript" type="text/javascript">
   function check() {

          window.opener.document.getElementById("txtId").value=id;
          window.opener.document.getElementById("txtName").value=name;

  }

 

  這樣，父級頁面的document.getElementById("txtId") 和 document.getElementById("txtName") 2個控件就能夠獲得子級頁面的返回值。