JavaScript中windows.open()、windows.close()方法詳解
windows.open()方法詳解:
window.open(URL,name,features,replace)用于載入指定的URL到新的或已存在的窗口中,并返回代表新窗口的Window對(duì)象。它有4個(gè)可選的 參數(shù):
URL:一個(gè)可選的字符串,聲明了要在新窗口中顯示的文檔的 URL。如果省略了這個(gè)參數(shù),或者它的值是空字符串,那么新窗口就不會(huì)顯示任何文檔。
name:一個(gè)可選的字符串,該字符串是一個(gè)由逗號(hào)分隔的特征列表,其中包括數(shù)字、字母和下劃線,該字符聲明了新窗口的名稱(chēng)。這個(gè)名稱(chēng)可以用作標(biāo)記 <a> 和 <form> 的屬性 target 的值。如果該參數(shù)指定了一個(gè)已經(jīng)存在的窗口,那么open()方法就直接使用這個(gè)窗口。在這種情況下,指定窗口特征的features參數(shù)將被忽略。保留的名字:“_ blank”、“_ parent” 、“_ top”指新窗口顯示位置。
features:(非標(biāo)準(zhǔn)的,建議忽略該參數(shù))一個(gè)可選的字符串,聲明了新窗口要顯示的標(biāo)準(zhǔn)瀏覽器的特征。如果省略該參數(shù),新窗口將具有所有標(biāo)準(zhǔn)特征。在以下窗口特征這個(gè)表格中,我們對(duì)該字符串的格式進(jìn)行了詳細(xì)的說(shuō)明。
replace:一個(gè)可選的布爾值。規(guī)定了裝載到窗口的 URL 是在窗口的瀏覽歷史中創(chuàng)建一個(gè)新條目,還是替換瀏覽歷史中的當(dāng)前條目。支持的值:true - URL替換瀏覽歷史中的當(dāng)前條目;false - URL在瀏覽歷史中創(chuàng)建新的條目。
新的頂層瀏覽器窗口由方法 Window.open() 創(chuàng)建。當(dāng)調(diào)用該方法時(shí),應(yīng)把 open() 調(diào)用的返回值存儲(chǔ)在一個(gè)變量中,然后使用那個(gè)變量來(lái)引用新窗口。新窗口的 opener 屬性反過(guò)來(lái)引用了打開(kāi)它的那個(gè)窗口。
請(qǐng)不要混淆方法 Window.open() 與方法 Document.open(),這兩者的功能完全不同。為了使您的代碼清楚明白,請(qǐng)使用 Window.open(),而不要使用 open()。
大部分瀏覽器都增加了彈出窗口過(guò)濾系統(tǒng)。通常open方法只有當(dāng)用戶(hù)手動(dòng)單擊按鈕或者鏈接 的時(shí)候才會(huì)調(diào)用。JavaScript代碼嘗試在瀏覽器初始載入(或卸載)時(shí)開(kāi)啟一個(gè)彈出窗口時(shí),通常 會(huì)失敗。
窗口特征(Window Features)
channelmode=yes|no|1|0 是否使用劇院模式顯示窗口。默認(rèn)為 no。
directories=yes|no|1|0 是否添加目錄按鈕。默認(rèn)為 yes。
fullscreen=yes|no|1|0 是否使用全屏模式顯示瀏覽器。默認(rèn)是 no。處于全屏模式的窗口必須同時(shí)處于劇院模式。
height=pixels 窗口文檔顯示區(qū)的高度。以像素計(jì)。
left=pixels 窗口的 x 坐標(biāo)。以像素計(jì)。
location=yes|no|1|0 是否顯示地址字段。默認(rèn)是 yes。
menubar=yes|no|1|0 是否顯示菜單欄。默認(rèn)是 yes。
resizable=yes|no|1|0 窗口是否可調(diào)節(jié)尺寸。默認(rèn)是 yes。
scrollbars=yes|no|1|0 是否顯示滾動(dòng)條。默認(rèn)是 yes。
status=yes|no|1|0 是否添加狀態(tài)欄。默認(rèn)是 yes。
titlebar=yes|no|1|0 是否顯示標(biāo)題欄。默認(rèn)是 yes。
toolbar=yes|no|1|0 是否顯示瀏覽器的工具欄。默認(rèn)是 yes。
top=pixels 窗口的 y 坐標(biāo)。
width=pixels 窗口的文檔顯示區(qū)的寬度。以像素計(jì)。
window.close()方法:
如果已經(jīng)創(chuàng)建了一個(gè)Window對(duì)象w,可以這樣關(guān)閉窗口w.close();而在本窗口中則用window.close();
注意:必須顯式地調(diào)用window.close()方法,避免同document.close()方法混淆;
大多數(shù)瀏覽器只允許腳本自動(dòng)關(guān)閉由腳本創(chuàng)建的窗口,如果要關(guān)閉其他窗口,可以用一個(gè)對(duì)話(huà)框取得用戶(hù)的確認(rèn)或取消;window.close()不能關(guān)閉一個(gè)內(nèi)嵌在窗口內(nèi)的窗體;
即使一個(gè)窗口關(guān)閉了,代表它的Window對(duì)象仍然存在。已關(guān)閉的窗口會(huì)有個(gè)值為true的closed 屬性,它的document會(huì)是null,它的方法通常也不會(huì)再工作。
以上所述是小編給大家介紹的JavaScript中windows.open()、windows.close()方法詳解 ,希望對(duì)大家有所幫助,如果大家有任何疑問(wèn)請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
- javascript宿主對(duì)象之window.navigator詳解
- window.close(); 關(guān)閉瀏覽器窗口js代碼的總結(jié)介紹
- 淺談js圖片前端預(yù)覽之filereader和window.URL.createObjectURL
- 解決微信瀏覽器Javascript無(wú)法使用window.location.reload()刷新頁(yè)面
- js獲取iframe中的window對(duì)象的實(shí)現(xiàn)方法
- 通過(guò)node-mysql搭建Windows+Node.js+MySQL環(huán)境的教程
- JavaScript中Window對(duì)象的屬性及事件
- javascript中window.open在原來(lái)的窗口中打開(kāi)新的窗口(不同名)
- JavaScript編程中window的location與history對(duì)象詳解
- javascript入門(mén)之window對(duì)象【新手必看】
相關(guān)文章
原生JS實(shí)現(xiàn)京東查看商品點(diǎn)擊放大
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)京東查看商品點(diǎn)擊放大,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-12-12
js實(shí)現(xiàn)select跳轉(zhuǎn)菜單新窗口效果代碼分享
這篇文章主要介紹了js實(shí)現(xiàn)select跳轉(zhuǎn)菜單新窗口效果代碼分享,實(shí)現(xiàn)很簡(jiǎn)單,推薦給大家,有需要的小伙伴可以參考下2015-08-08
TypeScript 引用資源文件后提示找不到的異常處理技巧
這篇文章主要介紹了TypeScript 引用資源文件后提示找不到的異常處理,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-07-07
js實(shí)現(xiàn)日期級(jí)聯(lián)效果
本篇文章主要是對(duì)js實(shí)現(xiàn)日期級(jí)聯(lián)效果的實(shí)例進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2014-01-01
javascript實(shí)現(xiàn)小型區(qū)塊鏈功能
這篇文章主要介紹了javascript實(shí)現(xiàn)小型區(qū)塊鏈功能,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
uniapp使用scroll-view實(shí)現(xiàn)左右上下滑動(dòng)功能
最近在用uni-app開(kāi)發(fā)小程序時(shí),需要用scroll-view做出左右上下滑動(dòng)效果,所以下面這篇文章主要給大家介紹了關(guān)于uniapp使用scroll-view實(shí)現(xiàn)左右上下滑動(dòng)功能的相關(guān)資料,需要的朋友可以參考下2022-11-11
Highcharts 多個(gè)Y軸動(dòng)態(tài)刷新數(shù)據(jù)的實(shí)現(xiàn)代碼
下面小編就為大家?guī)?lái)一篇Highcharts 多個(gè)Y軸動(dòng)態(tài)刷新數(shù)據(jù)的實(shí)現(xiàn)代碼。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
發(fā)布BlueShow v1.0 圖片瀏覽器(類(lèi)似lightbox)blueshow.js 打包下載
發(fā)布BlueShow v1.0 圖片瀏覽器(類(lèi)似lightbox)blueshow.js 打包下載...2007-07-07

