js 打開新窗口

來源：懂視網(wǎng) 責編：李贏贏時間：2021-12-25 17:25:29

js 打開新窗口

js中使用JavaScript window對象（屬于BOM）打開新窗口。語法：window.open(URL,name,features);用于打開一個新的瀏覽器窗口或查找一個已命名的窗口。參數(shù)說明：URL是一個可選的字符串，聲明了要在新窗口中顯示的文檔的 URL。

推薦度：

點擊下載本文 文檔為doc格式

導讀js中使用JavaScript window對象（屬于BOM）打開新窗口。語法：window.open(URL,name,features);用于打開一個新的瀏覽器窗口或查找一個已命名的窗口。參數(shù)說明：URL是一個可選的字符串，聲明了要在新窗口中顯示的文檔的 URL。

js中怎么打開新窗口呢？不知道的小伙伴來看看小編今天的分享吧!

js中使用JavaScript window對象（屬于BOM）打開新窗口。

1、語法：

window.open(URL,name,features);

該方法用于打開一個新的瀏覽器窗口或查找一個已命名的窗口。

2、參數(shù)說明：

URL ：一個可選的字符串，聲明了要在新窗口中顯示的文檔的 URL。如果省略了這個參數(shù)，或者它的值是空字符串，那么新窗口就不會顯示任何文檔。

name ：一個可選的字符串，該字符串是一個由逗號分隔的特征列表，其中包括數(shù)字、字母和下劃線，該字符聲明了新窗口的名稱。這個名稱可以用作標記<a> 和 <form> 的屬性 target 的值。如果該參數(shù)指定了一個已經(jīng)存在的窗口，那么open()方法就不再創(chuàng)建一個新窗口，而只是返回對指定窗口的引用。在這種情況下，features 將被忽略。

features ：一個可選的字符串，聲明了新窗口要顯示的標準瀏覽器的特征。如果省略該參數(shù)，新窗口將具有所有標準特征。

3、常用窗口特征：

height、width：窗口文檔顯示區(qū)的高度、寬度。以像素計。

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：是否添加狀態(tài)欄。黙認是yes。

menubar=yes | no | 1 | 0：是否顯示菜單欄。黙認是yes。

resizable=yes | no | 1 | 0：窗口是否可調(diào)節(jié)尺寸。黙認是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>