JavaScript怎么定制新窗口

這篇文章主要介紹“JavaScript怎么定制新窗口”，在日常操作中，相信很多人在JavaScript怎么定制新窗口問(wèn)題上存在疑惑，小編查閱了各式資料，整理出簡(jiǎn)單好用的操作方法，希望對(duì)大家解答”JavaScript怎么定制新窗口”的疑惑有所幫助！接下來(lái)，請(qǐng)跟著小編一起來(lái)學(xué)習(xí)吧！

　　window.open（）方法的基本語(yǔ)法結(jié)構(gòu)是：　　

　　window.open(sURL, sName);

　　然而，你可以通過(guò)使用2個(gè)附加的參數(shù)定制新窗口：

　　window.open(sURL, sName[, sfeatures][, bReplace]);

　　通過(guò)省略這些參數(shù)，你可以使用默認(rèn)特征。讓我們先看看bReplace參數(shù)，它僅僅被Inte.NET Explorer：4和以后版本所支持。只有當(dāng)?shù)?個(gè)參數(shù)命名一個(gè)已經(jīng)存在的窗口時(shí)，這個(gè)參數(shù)才有用。它是一個(gè)Boolean型數(shù)值，如果為true，就表示第一個(gè)參數(shù)指定的URL替換當(dāng)前窗口瀏覽位置在歷史中保存的地址，如果為false，就表示在窗口的瀏覽歷史記錄中創(chuàng)建一個(gè)新項(xiàng)目（這是默認(rèn)情況）。由于這個(gè)參數(shù)只被微軟的瀏覽器所支持，所以顯得不很有用。下面讓我們看看廣為人知的Javascript窗口設(shè)置性質(zhì)。

　　open（）方法的第3個(gè)參數(shù)是一個(gè)字符串，包含一個(gè)以逗號(hào)分隔的選項(xiàng)列表（不要包含任何空格）。在駛?cè)肟捎霉δ艿暮Ｑ笄?，先讓我們看看它們的含義所在。這里有一個(gè)例子：

　　win = window.open("http://www.docjs.com/", "docjs", "location=1,menubar=1,resizable=1");

　　這個(gè)語(yǔ)句打開(kāi)一個(gè)可變尺寸的窗口，它帶有一個(gè)地址欄和一個(gè)菜單條，而其他的特征都被關(guān)閉。比如，沒(méi)有指定status特征，新窗口就沒(méi)有了狀態(tài)欄。注意，還有幾個(gè)其他的方法來(lái)定義窗口特征。下面是幾個(gè)和前面語(yǔ)句功能等價(jià)的命令：

　　win = window.open("http://www.docjs.com/", "docjs", "location,menubar,resizable");

　　win = window.open("http://www.docjs.com/", "docjs", "location=yes,menubar=yes,resizable=yes");

　　win = window.open("http://www.docjs.com/", "docjs", "location,menubar=1,resizable=yes");

　　許多特征可以是yes，或者是no。對(duì)于這些特征，你也可以使用1代替yes，0代替no。如果你想激活一個(gè)特征，同樣可以簡(jiǎn)單地在sFeatures字符串中列出特征的名字。如果沒(méi)有列出，就表示屏蔽該功能（titlebar和hotkeys除外）。sFeatures參數(shù)是一個(gè)以逗號(hào)分隔的功能列表，其中不應(yīng)該包含任何空格或者空白字符。列表中的每一個(gè)元素應(yīng)該包含下面的格式：

　　feature[=value]

　　分配sFeatures參數(shù)一個(gè)空字符串與全部省略這個(gè)參數(shù)之間有一個(gè)很大的區(qū)別。如果調(diào)用open（）沒(méi)有任何參數(shù)，那么所有的特征都被設(shè)置為默認(rèn)值。換言之，瀏覽器將創(chuàng)建一個(gè)窗口，它有默認(rèn)得寬度和高度、標(biāo)準(zhǔn)的菜單、工具欄，以及其他瀏覽器具備的特征。如果你使用空字符串做為需要功能的列表，瀏覽器將打開(kāi)一個(gè)窗口，它的所有特征都是被屏蔽的（titlebar和hotkeys除外）。

　　window.open（）方法的第2個(gè)參數(shù)sName指定了窗口的名字。如果是一個(gè)已經(jīng)存在窗口的名字，瀏覽器就在那個(gè)窗口中裝載指定的URL（sURL）。所以，如果sName指定了存在的窗口，瀏覽器就將忽視定義的特征列表。

　　不是所有的窗口特征都能被所有的瀏覽器所支持。如果瀏覽器不能識(shí)別指定的特征，它就簡(jiǎn)單地忽視掉。下面來(lái)看看JavaScript中各種窗口特征的定義：

web/2001/01/19/58_1607.html#alwaysLowered">alwaysLowered innerWidth screenY alwaysRaised left scrollbars channelmode location status dependent menubar titlebar directories outerWidth toolbar fullscreen outerHeight top height menubar width hotkeys resizable z-lock innerHeight screenX  
alwaysLowered
　　Internet Explorer：不支持

　　Navigator：版本 4+

　　指定窗口總是保留在堆棧的最下面。換言之，不管新窗口是否激活，總是其他窗口下。

　　window.open("alwayslowered.html", "_blank", "alwaysLowered");

alwaysRaised
　　Internet Explorer：不支持

　　Navigator：版本 4+

　　指定窗口總是保留在堆棧的最上面。換言之，不管新窗口是否激活，總是其他窗口上。

　　window.open("alwaysraised.html", "_blank", "alwaysRaised");

channelmode
　　Internet Explorer：版本 4+

　　Navigator：不支持

　　指定是否按照劇場(chǎng)模式顯示窗口，以及是否顯示頻道區(qū)。

　　window.open("channelmode.html", "_blank", "channelmode");

dependent
　　Internet Explorer：不支持

　　Navigator：版本 4+

　　定義是否窗口成為當(dāng)前打開(kāi)窗口的依賴子窗口。依賴窗口就是當(dāng)它的父窗口關(guān)閉時(shí)，它也隨即關(guān)閉。在windows平臺(tái)上，一個(gè)依賴窗口不會(huì)在任務(wù)欄上顯示。

　　window.open("dependent.html", "_blank", "dependent");

directories
　　Internet Explorer：所有版本

　　Navigator：所有版本

　　指定是否顯示目錄按鈕（比如眾所周知的"What's Cool" and "What's New" 按鈕）。Internet Explorer將這些目錄按鈕引用為鏈接工具欄，Navigator（版本4和以上）稱之為個(gè)人工具欄。

　　window.open("directories.html", "_blank", "directories");

fullscreen
　　Internet Explorer：版本 4+

　　Navigator：不支持

　　定義是否按照全屏方式打開(kāi)瀏覽器。請(qǐng)小心使用全屏模式，因?yàn)樵谶@種模式下，瀏覽器的標(biāo)題欄和菜單都被隱藏，所有你應(yīng)該提供一個(gè)按鈕或者其他可視的線索來(lái)幫助用戶關(guān)閉這個(gè)窗口。當(dāng)然，使用熱鍵ALT+F4也能關(guān)閉窗口。

　　window.open("fullscreen.html", "_blank", "fullscreen");

height
　　Internet Explorer：所有版本

　　Navigator：所有版本

　　以象素pixel為單位定義窗口文檔顯示區(qū)域的高度，最小數(shù)值是100。如果僅僅定義高度，Internet Explorer使用給定的高度和默認(rèn)的寬度。對(duì)于Navigator，如果不同時(shí)指定width或者innerWidth，那么就將忽略這個(gè)屬性。

　　window.open("height.html", "_blank", "height=200,width=300");

hotkeys
　　Internet Explorer：不支持

　　Navigator：版本 4+

　　如果沒(méi)有定義（或者為0），那么就屏蔽了沒(méi)有菜單條的新窗口的大部分熱鍵。但是安全以及退出熱鍵仍然保留。

　　window.open("hotkeys.html", "_blank", "hotkeys=0,menubar=0");

innerHeight
　　Internet Explorer：不支持

　　Navigator：版本 4+

　　以象素pixel為單位定義窗口文檔顯示區(qū)域的高度，最小數(shù)值是100。在Navigator版本4中，這個(gè)特征替換height，為得是保持向后兼容。對(duì)于Navigator，如果不同時(shí)指定width或者innerWidth，那么就將忽略這個(gè)屬性。

　　window.open("innerheight.html", "_blank", "innerHeight=200,innerWidth=300");

innerWidth
　　Internet Explorer：不支持

　　Navigator：版本 4+

　　以象素pixel為單位定義窗口文檔顯示區(qū)域的寬度，最小數(shù)值是100。在Navigator版本4中，這個(gè)特征替換width，為得是保持向后兼容。對(duì)于Navigator，如果不同時(shí)指定height或者innerHeight，那么就將忽略這個(gè)屬性。

　　window.open("innerwidth.html", "_blank", "innerHeight=200,innerWidth=300");

left
　　Internet Explorer：版本 4+

　　Navigator：不支持

　　以象素為單位定義窗口的X左標(biāo)。

　　window.open("left.html", "_blank", "left=20");

location
　　Internet Explorer：所有版本

　　Navigator：所有版本

　　定義是否顯示瀏覽器中供地址URL輸入的文本域。

　　window.open("location.html", "_blank", "location");

menubar
　　Internet Explorer：所有版本

　　Navigator：所有版本

　　定義是否顯示菜單條（菜單條位于窗口頂部，包括“文件”和“編輯”等）。

　　window.open("menubar.html", "_blank", "menubar");

outerHeight
　　Internet Explorer：不支持

　　Navigator：版本 4+

　　以象素為單位定義窗口（它的外部邊界）的總高度，最小數(shù)值比100多一些，因?yàn)榇翱趦?nèi)容區(qū)域的高度必須至少是100。如果沒(méi)有同時(shí)定義outerWidth，Navigator將忽視這個(gè)特征。

　　window.open("outerheight.html", "_blank", "outerHeight=200,outerWidth=300");

outerWidth
　　Internet Explorer：不支持

　　Navigator：版本 4+

　　以象素為單位定義窗口（它的外部邊界）的總寬度，最小數(shù)值比100多一些，因?yàn)榇翱趦?nèi)容區(qū)域的寬度必須至少是100。如果沒(méi)有同時(shí)定義outerHeight，Navigator將忽視這個(gè)特征。

　　window.open("outerwidth.html", "_blank", "outerHeight=200,outerWidth=300");

resizable
　　Internet Explorer：所有版本

　　Navigator：所有版本

　　定義是否窗口可以通過(guò)它的邊界進(jìn)行大小縮放控制。依賴于平臺(tái)不同，用戶也許還有其他改變窗口大小的方法。

　　window.open("resizable.html", "_blank", "resizable");

screenX
　　Internet Explorer：不支持

　　Navigator：版本 4+

　　以象素為單位定義窗口的X坐標(biāo)。

　　window.open("screenx.html", "_blank", "screenX=20");

screenY
　　Internet Explorer：不支持

　　Navigator：版本 4+

　　以象素為單位定義窗口的Y坐標(biāo)。

　　window.open("screeny.html", "_blank", "screenY=20");

scrollbars
　　Internet Explorer：所有版本

　　Navigator：所有版本

　　定義是否激活水平和垂直滾動(dòng)條。

　　window.open("scrollbars.html", "_blank", "scrollbars");

status
　　Internet Explorer：所有版本

　　Navigator：所有版本

　　定義是否在窗口的下部添加狀態(tài)欄。

　　window.open("status.html", "_blank", "status");

titlebar
　　Internet Explorer：Version 5+

　　Navigator：版本 4+

　　定義是否顯示窗口的標(biāo)題欄。在Internet Explorer中，除非調(diào)用者是一個(gè)HTML應(yīng)用程序或者一個(gè)可信任的對(duì)話框，那么這個(gè)特征是被屏蔽的。

　　window.open("titlebar.html", "_blank", "titlebar=0");

toolbar
　　Internet Explorer：所有版本

　　Navigator：所有版本

　　定義是否顯示瀏覽器的工具欄（位于窗口的上部，包括“后退”和“向前”）。

　　window.open("toolbar.html", "_blank", "toolbar");

top
　　Internet Explorer：版本 4+

　　Navigator：不支持

　　以象素為單位定義窗口的縱坐標(biāo)。

　　window.open("top.html", "_blank", "top=20");

width
　　Internet Explorer：所有版本

　　Navigator：所有版本

　　以象素pixel為單位定義窗口文檔顯示區(qū)域的寬度，最小數(shù)值是100。如果僅僅定義寬度，Internet Explorer使用給定的寬度和默認(rèn)的高度。對(duì)于Navigator，如果不同時(shí)指定height或者innerHeight，那么就將忽略這個(gè)屬性。

　　window.open("width.html", "_blank", "height=200,width=300");

z-lock
　　Internet Explorer：不支持

　　Navigator：版本 4+

　　定義窗口激活時(shí)不在堆棧中浮起，就是說(shuō)，新窗口當(dāng)被激活時(shí)并不能位于其他窗口之上。

　　window.open("zlock.html", "_blank", "z-lock");

到此，關(guān)于“JavaScript怎么定制新窗口”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識(shí)，請(qǐng)繼續(xù)關(guān)注億速云網(wǎng)站，小編會(huì)繼續(xù)努力為大家?guī)?lái)更多實(shí)用的文章！