open() 方法可以查找一個已經存在或者新建的瀏覽器窗口。
**語法:**
~~~
window.open([URL], [窗口名稱], [參數字符串])
~~~
**參數說明:**
~~~
URL:可選參數,在窗口中要顯示網頁的網址或路徑
如果省略這個參數,或者它的值是空字符串,那么窗口就不顯示任何文檔。
窗口名稱:可選參數,被打開窗口的名稱。
1.該名稱由字母、數字和下劃線字符組成。
2."_top"、"_blank"、"_self"具有特殊意義的名稱。
? _blank:在新窗口顯示目標網頁
? _self:在當前窗口顯示目標網頁
? _top:框架網頁中在上部窗口中顯示目標網頁
3.相同 name 的窗口只能創建一個,要想創建多個窗口則 name 不能相同。
? 4.name 不能包含有空格。
參數字符串:可選參數,設置窗口參數,各參數用逗號隔開。
~~~
**參數表:**
**[](http://img.mukewang.com/52e3677900013d6a05020261.jpg)**
例如:打開http://www.imooc.com網站,大小為300px \* 200px,無菜單,無工具欄,無狀態欄,有滾動條窗口:
~~~
<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>
~~~
**注意:運行結果考慮瀏覽器兼容問題。**
### 任務
在右邊編輯器第8行代碼,補充代碼,打開http://www.imooc.com網頁,將在新窗體中打開,寬為600,高為400,距屏頂100像素,屏左0像素。當點擊按鈕時,打開新窗口。
```
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>window.open</title>
<script type="text/javascript">
function Wopen(){
window.open('http://www.imooc.com','_blank','width=600,height=400,
top=1000px,left=0px')
}
</script>
</head>
<body>
<input name="button" type="button"
onClick="Wopen()" value="點擊我,打開新窗口!" >
</body>
</html>
```
- 1-7JavaScript-什么是變量
- 1-9JavaScript-什么是函數
- 2-2JavaScript-警告(alert 消息對話框)
- 2-3JavaScript-確認(confirm 消息對話框)
- 24JavaScript-提問(prompt 消息對話框)
- 2-5JavaScript-打開新窗口(window.open)
- 2-6JavaScript-關閉窗口(window.close)
- 2-7編程練習
- 3-1認識DOM
- 3-2通過ID獲取元素
- 3-3innerHTML 屬性
- 3-4改變 HTML 樣式
- 3-5顯示和隱藏(display屬性)
- 3-6控制類名(className 屬性)
- 4-1編程挑戰