js，打開新窗口

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>

function openAnother() {

window.open("http://www.baidu.com"); //打開新窗口，窗口特性全部使用默認值。

}

</script>

<button οnclick="openAnother()">打開新窗口</button>

</body>

打開新的窗口，設置窗口特性

<body>

<button οnclick="openAnother();">打開新窗口</button>

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>

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>

開心生活站

js，打開新窗口

中國移動定向流量是什麼意思

學習機什麼牌子好

關於神舟飛船的資料

qq空間無訪問權限怎麼進入

相關文章