Latest web development tutorials

Window open() 方法

Window 對象參考手冊 Window對象

定義和用法

open() 方法用於打開一個新的瀏覽器窗口或查找一個已命名的窗口。

語法

window.open(URL,name,specs,replace)

參數 說明
URL 可選。 打開指定的頁面的URL。 如果沒有指定URL,打開與新的空白窗口
name 可選。 指定target屬性或窗口的名稱。 支持以下值:
  • _blank - URL加載到一個新的窗口。 這是默認
  • _parent - URL加載到父框架
  • _self - URL替換當前頁面
  • _top - URL替換任何可加載的框架集
  • name-窗口名稱
specs 可選。 一個逗號分隔的項目列表。 支持以下值:

channelmode=yes|no|1|0 是否要在影院模式顯示window。 默認是沒有的。 僅限IE瀏覽器
directories=yes|no|1|0 是否添加目錄按鈕。 默認是肯定的。 僅限IE瀏覽器
fullscreen=yes|no|1|0 瀏覽器是否顯示全屏模式。 默認是沒有的。 在全屏模式下的window,還必須在影院模式。 僅限IE瀏覽器
height=pixels 窗口的高度。 最小.值為100
left=pixels 該窗口的左側位置
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 是否顯示標題欄.被忽略,除非調用HTML應用程序或一個值得信賴的對話框.默認值是yes
toolbar=yes|no|1|0 是否顯示瀏覽器工具欄.默認值是yes
top=pixels 窗口頂部的位置.僅限IE瀏覽器
width=pixels 窗口的寬度.最小.值為100

replace Optional.Specifies規定了裝載到窗口的URL 是在窗口的瀏覽歷史中創建一個新條目,還是替換瀏覽歷史中的當前條目。 支持下面的值:
  • true - URL 替換瀏覽歷史中的當前條目。
  • false - URL 在瀏覽歷史中創建新的條目。


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要瀏覽器都支持open() 方法


實例s

實例1

在新瀏覽器窗口中打開www.w3big.com :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>本教程(w3big.com)</title>
<script>
function open_win() {
window.open("http://www.w3big.com");
}
</script>
</head>
<body>

<form>
<input type="button" value="打開窗口" onclick="open_win()">
</form>

</body>
</html>

嘗試一下»

實例2

下面的示例在一個新的瀏覽器打開一個window空白頁:

function openWin(){
myWindow=window.open('','','width=200,height=100');
myWindow.document.write("<p>這是'我的窗口'</p>");
myWindow.focus();
}

嘗試一下»


實例s

更多實例

打開一個新窗口,並控制其外觀


Window 對象 參考手冊 Window對象