js, 如何在js中打開一個新窗口?不知道小伙伴們今天來看看邊肖的分享吧!
使用js中的JavaScript window對象(屬于BOM)打開一個新窗口。
1.語法:
window.open(URL,name,features);
此方法用于打開新的瀏覽器窗口或查找命名窗口。
2.參數(shù)描述:
URL:可選字符串,聲明要在新窗口中顯示的文檔的URL。如果省略此參數(shù),或者其值為空字符串,則新窗口不會顯示任何文檔。
Name:可選字符串,是以逗號分隔的特征列表,包括數(shù)字、字母和下劃線。這個字符聲明了新窗口的名稱。這個名字可以作為標簽A和表單的屬性target的值。
如果此參數(shù)指定了一個現(xiàn)有窗口,open()方法將不會創(chuàng)建一個新窗口,而只會返回一個對指定窗口的引用。在這種情況下,功能將被忽略。
Features:可選字符串,聲明要在新窗口中顯示的標準瀏覽器的功能。如果省略此參數(shù),新窗口將具有所有標準功能。
3、常見窗口特征:
高度和寬度:窗口文檔顯示區(qū)域的高度和寬度。以像素為單位。
左上:窗口的x坐標和y坐標。以像素計
Toolbar=yes | no | 1 | 0:是否顯示瀏覽器的工具欄。鸛認為是的。
Scrollbars=yes | no | 1| 0:是否顯示滾動條。鸛認為是的。
Location=yes | no | 1 | 0:是否顯示地址批次。鸛認為是的。
Status=yes | no | 1 | 0:是否添加狀態(tài)欄。鸛認為是的。
Menubar=yes | no | 1 | 0:是否顯示菜單欄。鸛認為是的。
Resizable=yes | no | 1 | 0:窗口是否可以調(diào)整大小。鸛認為是的。
Titlebar=yes | no | 1 | 0:是否顯示標題欄。鸛認為是的。
Fullscreen=yes | no | 1 | 0:是否以全屏模式顯示瀏覽器。鸛鳥認為不
注意:不同的瀏覽器支持不同的窗口特性屬性。
4.使用案例:
使用窗口屬性的默認值打開一個新窗口。
body
script type=text/javascript
function openAnother() {
window . open(http://www . Baidu . com);//用所有窗口功能的默認值打開一個新窗口。
}
/script
buttonon click=打開另一個()打開新窗口/按鈕
/body
打開一個新窗口并設置窗口屬性。
body
buttonon click=打開另一個();打開新窗口/按鈕
script type=text/javascript
var win;
function openAnother () {
win=窗口。打開(http://www。百度一下。com,width=400,height=400,left=200,right=200,toolbar=no,menubar=no,location=no,resizable=no);//有些特性在個別瀏覽器上已被進制修改。
}
/script
/body
關閉新打開的窗口。
open方法返回打開窗口的window對象,可以調(diào)用close方法關閉新打開的窗口。
body
buttonon click=打開另一個();打開新窗口/按鈕
buttonon click=close another(); Close the newly opened window/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
js,以上就是本文為您收集整理的js最新內(nèi)容,希望能幫到您!更多相關內(nèi)容歡迎關注。