當(dāng)前位置：
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
JS 打开新窗口
使用JavaScript window對(duì)象（屬于BOM）打開新窗口：
語(yǔ)法：
window.open(URL,name,features);
該方法用于打開一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口。
參數(shù)說(shuō)明：
1、打開新的窗口，窗口特性使用默認(rèn)值
<body> <script type="text/javascript">function openAnother() {window.open("http://www.baidu.com"); //打開新窗口，窗口特性全部使用默認(rèn)值。} </script> <button οnclick="openAnother()">打開新窗口</button> </body>
2、打開新的窗口，設(shè)置窗口特性
<body><button οnclick="openAnother();">打開新窗口</button><script type="text/javascript">var win;function openAnother () {win = window.open("http://www.baidu.com", "", "width=400, height=400,left = 200, right = 200, toolbar = no, menubar = no,location=no,resizable=no");//有些特性在個(gè)別瀏覽器上已被進(jìn)制修改。}</script> </body>
3、關(guān)閉新打開的窗口
語(yǔ)法：
window.open(URL,name,features);
該方法用于打開一個(gè)新的瀏覽器窗口或查找一個(gè)已命名的窗口。
參數(shù)說(shuō)明：
URL ：一個(gè)可選的字符串，聲明了要在新窗口中顯示的文檔的 URL。如果省略了這個(gè)參數(shù)，或者它的值是空字符串，那么新窗口就不會(huì)顯示任何文檔。
name ：一個(gè)可選的字符串，該字符串是一個(gè)由逗號(hào)分隔的特征列表，其中包括數(shù)字、字母和下劃線，該字符聲明了新窗口的名稱。這個(gè)名稱可以用作標(biāo)記<a> 和 <form> 的屬性 target 的值。如果該參數(shù)指定了一個(gè)已經(jīng)存在的窗口，那么open()方法就不再創(chuàng)建一個(gè)新窗口，而只是返回對(duì)指定窗口的引用。在這種情況下，features 將被忽略。
窗口特征(常用)：
| height、width | 窗口文檔顯示區(qū)的高度、寬度。以像素計(jì)。 |
| left、top | 窗口的x坐標(biāo)、y坐標(biāo)。以像素計(jì) |
| toolbar=yes | no | 1 | 0 | 是否顯示瀏覽器的工具欄。黙認(rèn)是yes。 |
| scrollbars=yes | no | 1| 0 | 是否顯示滾動(dòng)條。黙認(rèn)是yes。 |
| location=yes | no | 1 | 0 | 是否顯示地址地段。黙認(rèn)是yes。 |
| status=yes | no | 1 | 0 | 是否添加狀態(tài)欄。黙認(rèn)是yes。 |
| menubar=yes | no | 1 | 0 | 是否顯示菜單欄。黙認(rèn)是yes。 |
| resizable=yes | no | 1 | 0 | 窗口是否可調(diào)節(jié)尺寸。黙認(rèn)是yes。 |
| titlebar=yes | no | 1 | 0 | 是否顯示標(biāo)題欄。黙認(rèn)是yes。 |
| fullscreen=yes | no | 1 | 0 | 是否使用全屏模式顯示瀏覽器。黙認(rèn)是no。 |
注：不同的游覽器對(duì)窗口特征屬性支持也不相同
1、打開新的窗口，窗口特性使用默認(rèn)值
<body> <script type="text/javascript">function openAnother() {window.open("http://www.baidu.com"); //打開新窗口，窗口特性全部使用默認(rèn)值。} </script> <button οnclick="openAnother()">打開新窗口</button> </body>
2、打開新的窗口，設(shè)置窗口特性
<body><button οnclick="openAnother();">打開新窗口</button><script type="text/javascript">var win;function openAnother () {win = window.open("http://www.baidu.com", "", "width=400, height=400,left = 200, right = 200, toolbar = no, menubar = no,location=no,resizable=no");//有些特性在個(gè)別瀏覽器上已被進(jìn)制修改。}</script> </body>
3、關(guān)閉新打開的窗口
open方法返回打開的那個(gè)窗口的window對(duì)象，可以調(diào)用close方法關(guān)閉新打開的窗口。
<body> <button οnclick="openAnother();">打開新窗口</button> <button οnclick="closeAnother();">關(guān)閉新打開的窗口</button> <script type="text/javascript">var win;function openAnother () {win = window.open("http://www.baidu.com", "", "width=400, height=400,left = 200, right = 200, toolbar = no, menubar = no,location=no,resizable=no");}function closeAnother() {win.close();//關(guān)閉指定窗口} </script> </body>
總結(jié)
- 上一篇： Axure RP8导入文件报错
- 下一篇： JS-几类函数