這篇文章主要介紹“JavaScript怎么定制新窗口”,在日常操作中,相信很多人在JavaScript怎么定制新窗口問題上存在疑惑,小編查閱了各式資料,整理出簡單好用的操作方法,希望對大家解答”JavaScript怎么定制新窗口”的疑惑有所幫助!接下來,請跟著小編一起來學習吧!

window.open()方法的基本語法結構是:
window.open(sURL, sName);
然而,你可以通過使用2個附加的參數(shù)定制新窗口:
window.open(sURL, sName[, sfeatures][, bReplace]);
通過省略這些參數(shù),你可以使用默認特征。讓我們先看看bReplace參數(shù),它僅僅被Inte.NET Explorer:4和以后版本所支持。只有當?shù)?個參數(shù)命名一個已經(jīng)存在的窗口時,這個參數(shù)才有用。它是一個Boolean型數(shù)值,如果為true,就表示第一個參數(shù)指定的URL替換當前窗口瀏覽位置在歷史中保存的地址,如果為false,就表示在窗口的瀏覽歷史記錄中創(chuàng)建一個新項目(這是默認情況)。由于這個參數(shù)只被微軟的瀏覽器所支持,所以顯得不很有用。下面讓我們看看廣為人知的Javascript窗口設置性質。
open()方法的第3個參數(shù)是一個字符串,包含一個以逗號分隔的選項列表(不要包含任何空格)。在駛入可用功能的海洋前,先讓我們看看它們的含義所在。這里有一個例子:
win = window.open("http://www.docjs.com/", "docjs", "location=1,menubar=1,resizable=1");
這個語句打開一個可變尺寸的窗口,它帶有一個地址欄和一個菜單條,而其他的特征都被關閉。比如,沒有指定status特征,新窗口就沒有了狀態(tài)欄。注意,還有幾個其他的方法來定義窗口特征。下面是幾個和前面語句功能等價的命令:
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。對于這些特征,你也可以使用1代替yes,0代替no。如果你想激活一個特征,同樣可以簡單地在sFeatures字符串中列出特征的名字。如果沒有列出,就表示屏蔽該功能(titlebar和hotkeys除外)。sFeatures參數(shù)是一個以逗號分隔的功能列表,其中不應該包含任何空格或者空白字符。列表中的每一個元素應該包含下面的格式:
feature[=value]
分配sFeatures參數(shù)一個空字符串與全部省略這個參數(shù)之間有一個很大的區(qū)別。如果調用open()沒有任何參數(shù),那么所有的特征都被設置為默認值。換言之,瀏覽器將創(chuàng)建一個窗口,它有默認得寬度和高度、標準的菜單、工具欄,以及其他瀏覽器具備的特征。如果你使用空字符串做為需要功能的列表,瀏覽器將打開一個窗口,它的所有特征都是被屏蔽的(titlebar和hotkeys除外)。
window.open()方法的第2個參數(shù)sName指定了窗口的名字。如果是一個已經(jīng)存在窗口的名字,瀏覽器就在那個窗口中裝載指定的URL(sURL)。所以,如果sName指定了存在的窗口,瀏覽器就將忽視定義的特征列表。
不是所有的窗口特征都能被所有的瀏覽器所支持。如果瀏覽器不能識別指定的特征,它就簡單地忽視掉。下面來看看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:不支持
指定是否按照劇場模式顯示窗口,以及是否顯示頻道區(qū)。
window.open("channelmode.html", "_blank", "channelmode");
dependent
Internet Explorer:不支持
Navigator:版本 4+
定義是否窗口成為當前打開窗口的依賴子窗口。依賴窗口就是當它的父窗口關閉時,它也隨即關閉。在windows平臺上,一個依賴窗口不會在任務欄上顯示。
window.open("dependent.html", "_blank", "dependent");
directories
Internet Explorer:所有版本
Navigator:所有版本
指定是否顯示目錄按鈕(比如眾所周知的"What's Cool" and "What's New" 按鈕)。Internet Explorer將這些目錄按鈕引用為鏈接工具欄,Navigator(版本4和以上)稱之為個人工具欄。
window.open("directories.html", "_blank", "directories");
fullscreen
Internet Explorer:版本 4+
Navigator:不支持
定義是否按照全屏方式打開瀏覽器。請小心使用全屏模式,因為在這種模式下,瀏覽器的標題欄和菜單都被隱藏,所有你應該提供一個按鈕或者其他可視的線索來幫助用戶關閉這個窗口。當然,使用熱鍵ALT+F4也能關閉窗口。
window.open("fullscreen.html", "_blank", "fullscreen");
height
Internet Explorer:所有版本
Navigator:所有版本
以象素pixel為單位定義窗口文檔顯示區(qū)域的高度,最小數(shù)值是100。如果僅僅定義高度,Internet Explorer使用給定的高度和默認的寬度。對于Navigator,如果不同時指定width或者innerWidth,那么就將忽略這個屬性。
window.open("height.html", "_blank", "height=200,width=300");
hotkeys
Internet Explorer:不支持
Navigator:版本 4+
如果沒有定義(或者為0),那么就屏蔽了沒有菜單條的新窗口的大部分熱鍵。但是安全以及退出熱鍵仍然保留。
window.open("hotkeys.html", "_blank", "hotkeys=0,menubar=0");
innerHeight
Internet Explorer:不支持
Navigator:版本 4+
以象素pixel為單位定義窗口文檔顯示區(qū)域的高度,最小數(shù)值是100。在Navigator版本4中,這個特征替換height,為得是保持向后兼容。對于Navigator,如果不同時指定width或者innerWidth,那么就將忽略這個屬性。
window.open("innerheight.html", "_blank", "innerHeight=200,innerWidth=300");
innerWidth
Internet Explorer:不支持
Navigator:版本 4+
以象素pixel為單位定義窗口文檔顯示區(qū)域的寬度,最小數(shù)值是100。在Navigator版本4中,這個特征替換width,為得是保持向后兼容。對于Navigator,如果不同時指定height或者innerHeight,那么就將忽略這個屬性。
window.open("innerwidth.html", "_blank", "innerHeight=200,innerWidth=300");
left
Internet Explorer:版本 4+
Navigator:不支持
以象素為單位定義窗口的X左標。
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多一些,因為窗口內(nèi)容區(qū)域的高度必須至少是100。如果沒有同時定義outerWidth,Navigator將忽視這個特征。
window.open("outerheight.html", "_blank", "outerHeight=200,outerWidth=300");
outerWidth
Internet Explorer:不支持
Navigator:版本 4+
以象素為單位定義窗口(它的外部邊界)的總寬度,最小數(shù)值比100多一些,因為窗口內(nèi)容區(qū)域的寬度必須至少是100。如果沒有同時定義outerHeight,Navigator將忽視這個特征。
window.open("outerwidth.html", "_blank", "outerHeight=200,outerWidth=300");
resizable
Internet Explorer:所有版本
Navigator:所有版本
定義是否窗口可以通過它的邊界進行大小縮放控制。依賴于平臺不同,用戶也許還有其他改變窗口大小的方法。
window.open("resizable.html", "_blank", "resizable");
screenX
Internet Explorer:不支持
Navigator:版本 4+
以象素為單位定義窗口的X坐標。
window.open("screenx.html", "_blank", "screenX=20");
screenY
Internet Explorer:不支持
Navigator:版本 4+
以象素為單位定義窗口的Y坐標。
window.open("screeny.html", "_blank", "screenY=20");
scrollbars
Internet Explorer:所有版本
Navigator:所有版本
定義是否激活水平和垂直滾動條。
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+
定義是否顯示窗口的標題欄。在Internet Explorer中,除非調用者是一個HTML應用程序或者一個可信任的對話框,那么這個特征是被屏蔽的。
window.open("titlebar.html", "_blank", "titlebar=0");
toolbar
Internet Explorer:所有版本
Navigator:所有版本
定義是否顯示瀏覽器的工具欄(位于窗口的上部,包括“后退”和“向前”)。
window.open("toolbar.html", "_blank", "toolbar");
top
Internet Explorer:版本 4+
Navigator:不支持
以象素為單位定義窗口的縱坐標。
window.open("top.html", "_blank", "top=20");
width
Internet Explorer:所有版本
Navigator:所有版本
以象素pixel為單位定義窗口文檔顯示區(qū)域的寬度,最小數(shù)值是100。如果僅僅定義寬度,Internet Explorer使用給定的寬度和默認的高度。對于Navigator,如果不同時指定height或者innerHeight,那么就將忽略這個屬性。
window.open("width.html", "_blank", "height=200,width=300");
z-lock
Internet Explorer:不支持
Navigator:版本 4+
定義窗口激活時不在堆棧中浮起,就是說,新窗口當被激活時并不能位于其他窗口之上。
window.open("zlock.html", "_blank", "z-lock");
到此,關于“JavaScript怎么定制新窗口”的學習就結束了,希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學習,快去試試吧!若想繼續(xù)學習更多相關知識,請繼續(xù)關注創(chuàng)新互聯(lián)-成都網(wǎng)站建設公司網(wǎng)站,小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>
本文題目:JavaScript怎么定制新窗口-創(chuàng)新互聯(lián)
URL鏈接:http://www.chinadenli.net/article2/dccioc.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、虛擬主機、微信公眾號、響應式網(wǎng)站、網(wǎng)站排名、做網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉載內(nèi)容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容