天天看點

window.open方法的使用

文章轉載自: window.open的用法     http://www.studyofnet.com/news/174.html

window.open方法的定義:

oNewWindow = window.open( sURL , sName , sFeatures, bReplace)

通過方法簽名可以看出,window.open在打開一個視窗(其url為sURL)後,将傳回一個代表該視窗對象的一個變量

oNewWindow,如果打開不成功,則oNewWindow的值為null。同時為了對打開的視窗預先做一些控制,提供了

其他一些參數(sName、sFeatures、bReplace)可供選擇配置。

各參數的含義

* oNewWindow:被打開的視窗的對象

* sUrl:一個可選的字元串,聲明了要在新視窗中顯示的文檔的 URL。如果省略了這個參數,或者它的值是空字元串,那麼新視窗就不會顯示任何文檔。

* sName:一個可選的字元串,該字元串是一個由逗号分隔的特征清單,其中包括數字、字母和下劃線,該字元聲明了新視窗的名稱。這個名稱可以用作标記 <a> 和 <form> 的屬性 target 的值。如果該參數指定了一個已經存在的視窗,那麼 open() 方法就不再建立一個新視窗,而隻是傳回對指定視窗的引用。在這種情況下,features 将被忽略。等等

* sFeatures:一個可選的字元串,聲明了新視窗要顯示的标準浏覽器的特征。如果省略該參數,新視窗将具有所有标準特征。在視窗特征這個表格中,我們對該字元串的格式進行了詳細的說明。

*replace:一個可選的布爾值。規定了裝載到視窗的 URL 是在視窗的浏覽曆史中建立一個新條目,還是替換浏覽曆史中的目前條目。支援下面的值:

  • true - URL 替換浏覽曆史中的目前條目。
  • false - URL 在浏覽曆史中建立新的條目。

sFeatures視窗特征(Window Features)

channelmode = yes|no|1|0           是否使用劇院模式顯示視窗。預設為 no。
directories = yes|no|1|0 是否添加目錄按鈕。預設為 yes。
fullscreen = yes|no|1|0 是否使用全屏模式顯示浏覽器。預設是 no。處于全屏模式的視窗必須同時處于劇院模式。
height = pixels 視窗文檔顯示區的高度。以像素計。
left = pixels 視窗的 x 坐标。以像素計。
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 是否顯示标題欄。預設是 yes。
toolbar = yes|no|1|0 是否顯示浏覽器的工具欄。預設是 yes。
top = pixels 視窗的 y 坐标。
width = pixels 視窗的文檔顯示區的寬度。以像素計。

執行個體介紹

//我們來定制這個彈出的視窗的外觀,尺寸大小,彈出的位置以适應該頁面的具體情況。 

<SCRIPT LANGUAGE="javascript"> 
<!-- 
window.open ('pageUrl', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') 
//寫成一行 
--> 
</SCRIPT>
           

參數解釋:

window.open  彈出新視窗的指令;

pageUrl  彈出視窗的檔案名;

newwindow  彈出視窗的名字(不是檔案名),非必須,可用空''代替;

height=100  視窗高度;

width=400  視窗寬度;

top=0  視窗距離螢幕上方的象素值;

left=0  視窗距離螢幕左側的象素值;

toolbar=no  是否顯示工具欄,yes為顯示;

menubar,scrollbars  表示菜單欄和卷軸框。

Resizable=no  是否允許改變視窗大小,yes為允許;

location=no  是否顯示位址欄,yes為允許;

status=no  是否顯示狀态欄内的資訊(通常是檔案已經打開),yes為允許;

繼續閱讀