js開啟新視窗

來源:互聯網
上載者:User

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參數只指定了某一項或某幾項功能,那麼其他沒有被指定的功能將不會出現在新的視窗中。該字串不能包含任何空格或其它Null 字元串。

  列表中的每個元素的格式:功能[=值]

  對於絕大多數的功能來說,它們的值一般都是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>

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.