JS windows.open()詳解
阿新 • • 發佈：2019-01-08
window.open(url, name, features, replace) Arguments - 引數 url 可選字串引數，指向要在新視窗中顯示的文件的URL。如果省略該引數，或者引數為空字串，新視窗不會顯示文件。 name 可選字串引數，該引數可以設定新視窗的名稱。 相同name的視窗只能建立一個，要想建立多個視窗則name不能相同。 features 可選字串引數，該引數用於設定新視窗的功能。因為該引數是可選的，如果沒有指定該引數，新視窗有所有的標準功能。 replace 可選布林引數，設定新視窗中的操作歷史的儲存方式。 true - 建立新歷史記錄 false - 替換舊的歷史記錄 Returns - 返回值 一個根據name引數對新建立的或已存在的視窗物件的引用。 Description - 描述 open()方法可以查詢一個已經存在的或者新建的瀏覽器視窗。如果name引數指定了一個已經存在的劉瀏覽器視窗，則返回對該視窗的引用。返回的視窗中將顯示URL中指定的文件，但是features引數會被忽略。open()方法是JavaScript中唯一通過名稱獲得瀏覽器視窗引用的途徑。 如果沒有指定name引數，或者不存在name引數指定的名稱的視窗，open()方法將建立一個新的瀏覽器視窗。 name引數用於指定新視窗的名稱，該名稱必須由字母、數字和下劃線字元組成。它可以被HTML文件中的<a>標記或<form>標記指向。 當你使用window.open()方法載入一個新的文件到一個已經存在了命名的視窗中時，你可以通過replace引數設定歷史記錄的儲存方式.。如果該引數是true, 新文件的歷史記錄將取代舊文件的歷史記錄。 如果該引數為false或這沒有指定該引數，新的檔案在視窗的瀏覽歷史記錄中將建立自己的條目。該引數提供了location.replace()相同功能的方式。 不要把"Window.open( ) "和"Document.open( )"混淆；這是兩個完全不一樣的方法。為了讓程式碼更明晰，你可以用"Window.open( )"代替 "open( )"。作為HTML屬性定義事件處理程式時， "open( )" 一般被解釋為"Document.open( )"，所以在這種情況下，你必須使用"Window.open( )"。 Window Features - 視窗特性 feature引數是一個用逗號分隔的功能列表。如果該引數為空或者沒有指定該引數，新的視窗將擁有所有的功能。另一方面, 如果feature引數只指定了某一項或某幾項功能，那麼其他沒有被指定的功能將不會出現在新的視窗中。該字串不能包含任何空格或其它空字串。 列表中的每個元素的格式：功能[=值] 對於絕大多數的功能來說，它們的值一般都是yes或no。對這些功能，等號和值都可以省略不寫。 對於 width和height特性，必須給它們指定一個以畫素為單位的值。 一下是一些普遍支援的功能和它們的含義： height 設定視窗顯示區域的畫素寬度 left 瀏覽器視窗距離螢幕左邊的距離 location 指明位址列在新視窗中是否可見 menubar 指明選單欄在新視窗中是否可見 resizable 指明新視窗是否可以調整大小 scrollbars 指明滾動欄在新視窗中是否可見 status 指明狀態列在新視窗中是否可見 toolbar 指明工具欄在新視窗中是否可見 top 設定新視窗距螢幕上方的距離 width 設定視窗顯示區域的畫素寬度 alwaysLowered 指定視窗隱藏在所有視窗之下 alwaysRaised 指定視窗浮在所有視窗之上 dependent 指定開啟的視窗為父視窗的一個子視窗。並隨父視窗的關閉而關閉 directions 指定Navigator 2和3的目錄欄是否在新視窗中可見 hotkeys 在沒有選單欄的新視窗設定安全退出熱鍵 innerHeight 設定新視窗中文件的畫素高度 innerWidth 設定新視窗中文件的畫素寬度 menubar 指明選單欄在新視窗中是否可見 outerHeight 設定視窗（包括裝飾邊框）的畫素高度 outerWidth 設定視窗（包括裝飾邊框）的畫素寬度 screenX 設定新視窗離螢幕邊界的畫素長度 screenY 設定新視窗離螢幕上邊界的畫素長度 titlebar 指明選單題目欄在新視窗是否可見 z-look 在文件中包含各個 <pplet>標籤的陣列 fullscreen 開啟的窗體是否進行全屏顯示 Example - 示例 <html> <head> <title>window.open函式 </title> </head> <body> <script language="javascript"> window.open("","name1","width=100,height=200,toolbar=no,scrollbars=no,menubar=no,screenX=100,screenY=100"); </script> </body> </html>