javascript中的window.open函數用來打開一個新窗口,其基本語法如下:
window.open(pageURL,winName,parameters)
其中:
pageURL 為子窗口文件的存儲路徑
winName 為子窗口的標題,非必須,可以用''
parameters 為窗口參數(各參數用逗號分隔)
參數 | 取值范圍 | 說明 |
alwaysLowered | yes/no | 指定窗口隱藏在所有窗口之后 |
alwaysRaised | yes/no | 指定窗口懸浮在所有窗口之上 |
depended | yes/no | 是否和父窗口同時關閉 |
directories | yes/no | Nav2和3的目錄欄是否可見 |
height | pixel value | 窗口高度 |
hotkeys | yes/no | 在沒菜單欄的窗口中設安全退出熱鍵 |
innerHeight | pixel value | 窗口中文檔的像素高度 |
innerWidth | pixel value | 窗口中文檔的像素寬度 |
location | yes/no | 位置欄是否可見 |
menubar | yes/no | 菜單欄是否可見 |
outerHeight | pixel value | 設定窗口(包括裝飾邊框)的像素高度 |
outerWidth | pixel value | 設定窗口(包括裝飾邊框)的像素寬度 |
resizable | yes/no | 窗口大小是否可調整 |
screenX | pixel value | 窗口距屏幕左邊界的像素長度 |
screenY | pixel value | 窗口距屏幕上邊界的像素長度 |
scrollbars | yes/no | 窗口是否可有滾動欄 |
titlebar | yes/no | 窗口題目欄是否可見 |
toolbar | yes/no | 窗口工具欄是否可見 |
Width | pixel value | 窗口的像素寬度 |
z-look | yes/no | 窗口被激活后是否浮在其它窗口之上 |
下面給出幾個應用的實例:
(1)比較簡單的使用
<script language="javascript">
window.open('example.html');
</script>
這個代碼放在<head>和</head>之間或<body>和</body>之間,當加載頁面時,就會自動打開。
(2)帶參數的open方法
<script language="javascript">
<!--
window.open ('example.html', '新窗口的標題', 'height=300, width=500, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') ;
-->
</script>
本例創建了一個高度為300,寬度為500像素,位置位于屏幕左上角,沒有工具欄,沒有菜單欄,沒有滾動條,不能調整大小,沒有地址欄和狀態欄的一個窗口。同樣,本例也是在加載父窗體的同時,打開一個新窗口;
本例中top和left分別給出窗體距離屏幕頂端和左端的像素數,location指示窗口是否顯示地址欄。
(3)使用函數打開新窗口
在很多情況下,使用函數打開新窗口,在相關事件中調用該函數,如在單擊按鈕時。下面是在一個函數中打開窗口的例子。
<script language="javascript">
function openwin()
{
window.open ('example.html', '新窗口的標題', 'height=300, width=500, top=0,left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no') ;
}
</script>
可以使用按鈕調用該函數:
<input type="button" id="button1" name="button1" value="打開新窗口" onClick="openwin();" />
也可以使用連接調用該函數:
<a onClick="openwin();">點擊打開新窗口</a>
同樣在加載窗體時也可以調用該函數打開一個新窗體:
<body onload="openwin()">.....</body>
新聞熱點
疑難解答