使用window.open()方法既可以導(dǎo)航到一個(gè)特定的URL,也可以打開(kāi)一個(gè)新的瀏覽器窗口。這個(gè)方法可以接收4個(gè)參數(shù)：要加載的URL、窗口目標(biāo)、一個(gè)特性字符串以及一個(gè)表示新頁(yè)面是否取代瀏覽器歷史記錄中當(dāng)前加載頁(yè)面的布爾值。通常只須傳遞第一個(gè)參數(shù),最后一個(gè)參數(shù)只在不打開(kāi)新窗口的情況下使用。

如果為window.open()傳遞了第二個(gè)參數(shù),而且該參數(shù)是已有窗口或框架的名稱(chēng),那么就會(huì)在具有該名稱(chēng)的窗口或框架中加載第一個(gè)參數(shù)指定的URL。看下面的例子：

//等同于

window.open("http://syshcw.cn/", topFrame");

調(diào)用這行代碼,就如同用戶(hù)單擊了href屬性為http://syshcw.cn/,target屬性為"topFrame"的鏈接。如果有一個(gè)名叫"topFrame"的窗口或者框架,就會(huì)在該窗口或框架加載這個(gè)URL;否則,就會(huì)創(chuàng)建一個(gè)新窗口并將其命名為"topFrame"。此外,第二個(gè)參數(shù)也可以是下列任何一個(gè)特殊的窗口名稱(chēng)：_self、_parent、_top或blank。

彈出窗口

如果給window.open()傳遞的第二個(gè)參數(shù)并不是一個(gè)已經(jīng)存在的窗口或框架,那么該方法就會(huì)根據(jù)在第三個(gè)參數(shù)位置上傳人的字符串創(chuàng)建一個(gè)新窗口或新標(biāo)簽頁(yè)。如果沒(méi)有傳入第三個(gè)參數(shù),那么就會(huì)打開(kāi)一個(gè)帶有全部默認(rèn)設(shè)置(工具欄、地址欄和狀態(tài)欄等)的新瀏覽器窗口(或者打開(kāi)一個(gè)新標(biāo)簽頁(yè)——根據(jù)瀏覽器設(shè)置)。在不打開(kāi)新窗口的情況下,會(huì)忽略第三個(gè)參數(shù)。

第三個(gè)參數(shù)是一個(gè)逗號(hào)分隔的設(shè)置字符串,表示在新窗口中都顯示哪些特性。下表列出了可以出現(xiàn)在這個(gè)字符串中的設(shè)置選項(xiàng)。

fullscreen yes或no表示瀏覽器是否最大化.僅I限E.

height 數(shù)值表示新窗口的高度,不能小于100.

left 數(shù)值表示新窗口的左坐標(biāo),不能是負(fù)值

location ?yes或no ?表示是否在瀏覽器窗口中顯示地址欄,不同瀏覽器的默認(rèn)值不同.

menuber ?yes或no ?表示是否在瀏覽器窗口中顯示菜單欄,默認(rèn)值為no.

resizable ?yes或no ?表示是否可以通過(guò)拖動(dòng)瀏覽器窗口的邊框改變其大小,默認(rèn)值為no

scrollbars ?yes或no ?表示如果內(nèi)容在視口中顯示不下,是否允許滾動(dòng).默認(rèn)值為no

status ?yes或no ?表示是否在瀏覽器窗口中顯示狀態(tài)欄,默認(rèn)值為no

toolbar ?yes或no ?表示是否在瀏覽器窗口中顯示工具欄。默認(rèn)值為no

top ?數(shù)值 ?表示新窗口的上坐標(biāo)。不能是負(fù)值

width ?數(shù)值 ?表示新窗口的寬度。不能小于100

表中所列的部分或全部設(shè)置選項(xiàng),都可以通過(guò)逗號(hào)分隔的名值對(duì)列表來(lái)指定。其中,名值對(duì)以等號(hào)表示(注意,整個(gè)特性字符串中不允許出現(xiàn)空格),如下面的例子所示：

window.open("http://syshcw.cn/","jxbhWindow", "height=400, width=400,top=10, left=10, resizable=yes");

這行代碼會(huì)打開(kāi)一個(gè)新的可以調(diào)整大小的窗口,窗口初始大小為400×400像素,并且距屏幕上沿和左邊各10像素。

window.open()方法會(huì)返回一個(gè)指向新窗口的引用。引用的對(duì)象與其他window對(duì)象大致相似, 但我們可以對(duì)其進(jìn)行更多控制。南昌網(wǎng)站設(shè)計(jì)公司工程師多年的工作經(jīng)驗(yàn)總結(jié),有些瀏覽器在默認(rèn)情況下可能不允許我們針對(duì)主瀏覽器窗口調(diào)整大小或移動(dòng)位置,但卻允許我們針對(duì)通過(guò)window.open()創(chuàng)建的窗口調(diào)整大小或移動(dòng)位置。通過(guò)這個(gè)返回的對(duì)象,可以像操作其他窗口一樣操作新打開(kāi)的窗口,如下所示：

var jxbhWin=window.open("http://syshcw.cn/","jxbhWindow", "height=400, width=400, top=10, left=10, resizable=yes");

//調(diào)整大小

jxbhWin.resizeTo( 500, 00);

//移動(dòng)位置

jxbhWin .moveTo (100,100);

調(diào)用close()方法還可以關(guān)閉新打開(kāi)的窗口：

jxbhWin.close();

但是,這個(gè)方法僅適用于通過(guò)window.open()打開(kāi)的彈出窗口。南昌建網(wǎng)站公司技術(shù)人員認(rèn)為,對(duì)于瀏覽器的主窗口,如果沒(méi)有得到用戶(hù)的允許是不能關(guān)閉它的。不過(guò),彈出窗口倒是可以調(diào)用top.close()在不經(jīng)用戶(hù)允許的情況下關(guān)閉自己。彈出窗口關(guān)閉之后,窗口的引用仍然還在,但除了像下面這樣檢測(cè)其closed屬性之外,已經(jīng)沒(méi)有其他用處了：

jxbhWin.close();

alert (jxbhWin.closed); //true

新創(chuàng)建的window對(duì)象有一個(gè)opener屬性,其中保存著打開(kāi)它的原始窗口對(duì)象。這個(gè)屬性只在彈 出窗口中的最外層window對(duì)象(top)中有定義,而且指向調(diào)用window.open()的窗口或框架。例如：

var jxbhWin=window.open("http://syshcw.cn/","jxbhWindow", "height=400, width=400, top=10, left=10, resizable=yes");

雖然彈出窗口中有一個(gè)指針指向打開(kāi)它的原始窗口,但原始窗口中并沒(méi)有這樣的指針指向彈出窗口。窗口并不跟蹤記錄它們打開(kāi)的彈出窗口,南昌網(wǎng)絡(luò)公司技術(shù)員提示,因此我們只能在必要的時(shí)候自己來(lái)手動(dòng)實(shí)現(xiàn)跟蹤。

有些瀏覽器(如IE8和Chrome)會(huì)在獨(dú)立的進(jìn)程中運(yùn)行每個(gè)標(biāo)簽頁(yè)。當(dāng)一個(gè)標(biāo)簽頁(yè)打開(kāi)另一個(gè)標(biāo)簽頁(yè)時(shí),如果兩個(gè)window對(duì)象之間需要彼此通信,那么新標(biāo)簽頁(yè)就不能運(yùn)行在獨(dú)立的進(jìn)程中。在Chrome中,將新創(chuàng)建的標(biāo)簽頁(yè)的opener屬性設(shè)置為null,即表示在單獨(dú)的進(jìn)程中運(yùn)行新標(biāo)簽頁(yè),如下所示：

var jxbhWin=window.open("http://syshcw.cn/","jxbhWindow"， "height=400,width=400,top=10, left=10, resizable=yes");

將opener屬性設(shè)置為null就是告訴瀏覽器新創(chuàng)建的標(biāo)簽頁(yè)不需要與打開(kāi)它的標(biāo)簽頁(yè)通信，因此可以在獨(dú)立的進(jìn)程中運(yùn)行。標(biāo)簽頁(yè)之間的聯(lián)系一旦切斷，將沒(méi)有辦法恢復(fù)。

本文僅限內(nèi)部技術(shù)人員學(xué)習(xí)交流,不得作于其他商業(yè)用途.文章出自:南昌網(wǎng)站建設(shè)公司-百恒網(wǎng)絡(luò) http://syshcw.cn 如轉(zhuǎn)載請(qǐng)注明出處!