[小白知識記錄]--瀏覽器打開一個新窗口記錄
阿新 • • 發佈：2018-06-29
彈出窗口 記錄 dir toolbar 彈出 ria www round chan
很小白的一個知識點：想在瀏覽器中點擊按鈕後，彈出一個單獨的窗口。
如有的頁面顯示一個概要信息，用戶點擊某個按鈕後彈出一個窗口顯示詳細的信息。
方法是js的window.open方法：
window.open(URL,target,features,replace)
| 參數 | 描述 |
|---|---|
| URL | 一個可選的字符串，聲明了要在新窗口中顯示的文檔的 URL。如果省略了這個參數，或者它的值是空字符串，那麽新窗口就不會顯示任何文檔。 |
| target | 一個可選的字符串，該字符串是一個由逗號分隔的特征列表，可以包括數字、字母和下劃線，該字符聲明了新窗口的名稱。這個名稱可以用作標記 <a> 和 <form> 的屬性 target 的值。如果該參數指定了一個已經存在的窗口，那麽 open() 方法就不再創建一個新窗口，而只是返回對指定窗口的引用。在這種情況下，features 將被忽略。 |
| features | 一個可選的字符串，聲明了新窗口要顯示的標準瀏覽器的特征。如果省略該參數，新窗口將具有所有標準特征。在下面窗口特征這個表格中，我們對該字符串的格式進行了詳細的說明。 |
| replace
|
一個可選的布爾值。規定了裝載到窗口的 URL 是在窗口的瀏覽歷史中創建一個新條目，還是替換瀏覽歷史中的當前條目。支持下面的值：
|
只要配置了features，所有瀏覽器都是新窗口打開鏈接url
窗口特征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 | 窗口的文檔顯示區的寬度。以像素計。 |
例：（彈出窗口並居中）
1 function openWin(url,name,iWidth,iHeight) { 2 //獲得窗口的垂直位置 3 var iTop = (window.screen.availHeight - 30 - iHeight) / 2; 4 //獲得窗口的水平位置 5 var iLeft = (window.screen.availWidth - 10 - iWidth) / 2; 6 window.open(url, name, ‘height=‘ + iHeight + ‘,innerHeight=‘ + iHeight + ‘,width=‘ + iWidth + ‘,innerWidth=‘ + iWidth + ‘,top=‘ + iTop + ‘,left=‘ + iLeft + ‘,status=no,toolbar=no,menubar=no,location=no,resizable=no,scrollbars=0,titlebar=no‘); 7 }
註：
1. 如果想要在同一個瀏覽器的窗口打開一個tab頁，window.open(<url>, "_self");
2. 當前頁面打開頁面：window.location.href="www.youURL.com"
[小白知識記錄]--瀏覽器打開一個新窗口記錄