js中使用JavaScript window對象(屬於BOM)打開新窗口。
1、語法:
window.open(URL,name,features);
該方法用於打開一個新的瀏覽器窗口或查找一個已命名的窗口。
2、參數説明:
URL :一個可選的字符串,聲明瞭要在新窗口中顯示的文檔的 URL。如果省略了這個參數,或者它的值是空字符串,那麼新窗口就不會顯示任何文檔。
name :一個可選的字符串,該字符串是一個由逗號分隔的特徵列表,其中包括數字、字母和下劃線,該字符聲明瞭新窗口的名稱。這個名稱可以用作標記<a> 和 <form> 的屬性 target 的值。如果該參數指定了一個已經存在的窗口,那麼open()方法就不再創建一個新窗口,而只是返回對指定窗口的引用。在這種情況下,features 將被忽略。
features :一個可選的字符串,聲明瞭新窗口要顯示的標準瀏覽器的特徵。如果省略該參數,新窗口將具有所有標準特徵。
3、常用窗口特徵:
height、width:窗口文檔顯示區的高度、寬度。以像素計。
left、top:窗口的x座標、y座標。以像素計
toolbar=yes | no | 1 | 0:是否顯示瀏覽器的工具欄。黙認是yes。
scrollbars=yes | no | 1| 0:是否顯示滾動條。黙認是yes。
location=yes | no | 1 | 0:是否顯示地址地段。黙認是yes。
status=yes | no | 1 | 0:是否添加狀態欄。黙認是yes。
menubar=yes | no | 1 | 0:是否顯示菜單欄。黙認是yes。
resizable=yes | no | 1 | 0:窗口是否可調節尺寸。黙認是yes。
titlebar=yes | no | 1 | 0:是否顯示標題欄。黙認是yes。
fullscreen=yes | no | 1 | 0:是否使用全屏模式顯示瀏覽器。黙認是no。
注意:不同的遊覽器對窗口特徵屬性支持也不相同。
4、使用案例:
打開新的窗口,窗口特性使用默認值
<body>
<script type="text/javascript">
function openAnother() {
window.open("http://www.baidu.com"); //打開新窗口,窗口特性全部使用默認值。
}
</script>
<button οnclick="openAnother()">打開新窗口</button>
</body>
打開新的窗口,設置窗口特性
<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");//有些特性在個別瀏覽器上已被進制修改。
}
</script>
</body>
關閉新打開的窗口
open方法返回打開的那個窗口的window對象,可以調用close方法關閉新打開的窗口。
<body>
<button οnclick="openAnother();">打開新窗口</button>
<button οnclick="closeAnother();">關閉新打開的窗口</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();//關閉指定窗口
}
</script>
</body>