|
既然我們已經(jīng)簡單的重溫了一下href目標, 那么該開始學習在JavaScript中打開窗口.
在HTML中打開窗口應(yīng)用極為普遍,但也有一些缺陷;用戶瀏覽器決定窗口看起來是什么樣的,你左右不了其窗口的大小及式樣。幸運的是,JavaScript給了你這種控制權(quán)。
看一看其原由:
window.open("URL","name","features");
本語句以你調(diào)用時采用的第一個參數(shù)URL來打開一個窗口。這里是以URL,實際中可寫成"http://www.jsfan.org/basic" 或其他類似的東西。
第二個參數(shù)是窗口的名字。這就象上頁中我們看到的名字,如果你打開窗口時已有一個同名窗口打開,那么URL將把open語句送到原先已打開的窗口。
第三個參數(shù),features,是一個窗口所具有的不同特征。這是個可選參數(shù),我們先做關(guān)于頭兩個參數(shù)的練習。
這里是一些用JavaScript打開窗口的例子。
試一下點擊如下三個鏈接看看將發(fā)生什么。注意在三個鏈接都打開前別先關(guān)閉其中任何一個。(下面三行文字代碼在轉(zhuǎn)載過程中丟失,鏈接也已經(jīng)失效,故不可點擊,以后我會修正的----jsfan注)
這是名為 Javascript_1的窗口.
名為Javascript_2的窗口.
這里是另一個將進入Javascript_1的HTML頁.
語句的首行:
<a href="#" onClick="window.open('Javascript_window_1.html','Javascript_1');">Here's a window named Javascript_1</a>.
當你點擊該鏈接時一個名為Javascript_1 的窗口打開,其中出現(xiàn)Javascript_window_1.html的網(wǎng)頁。由于參數(shù)features是可選的,我們先不理會它。
注意這里我是用onClick來調(diào)用打開窗口的。你大可不必將window.open()放在onClick中調(diào)用窗口,這很容易辦到。一會你將看到在<script>標簽中的windows.open()例子。
第二個例子與第一個幾乎一樣的,它只是以不同的名字打開一個窗口及調(diào)用到不同的HTML頁中。
<a href="#" onClick="window.open('Javascript_window_2.html','Javascript_2');">Here's a window named Javascript_2</a>.
第三個鏈接將一個新的HTML 頁放到第一個窗口中。這是由于你要打開的窗口和第一個鏈接重名:都叫Javascript_1.
<a href="#" onClick="window.open('Javascript_window_3.html','Javascript_1');">Here's another HTML page going into Javascript_1</a>.
妙事即將開始。我們加入第三個參數(shù)features,看看會發(fā)生什么。
OK 讓我們加入windows features再試試!
window.open()中的第三個參數(shù)是你想要你的窗口表現(xiàn)的一組特性。如果你不完全確定你的參數(shù),則以用戶瀏覽器的缺省值替代。
然而,如果你指定了一些特性參數(shù),則窗口將以參數(shù)設(shè)定值規(guī)定的出現(xiàn)。特性參數(shù)是以一組逗號分隔的序列出現(xiàn)的。
例如,如果你是這么寫的:
window.open("some_url","window_name","location,menubar");
你將得到一個規(guī)定了URL,窗口名及菜單條(文件,編輯條等等)的窗口。注意別在字符串中加入任何空格,這將使得有些瀏覽器出錯。
看一下另一個例子:
window.open("some_url","window_name","location,height=100,width=100");
這將打開一個高寬各為100像素的窗口。再次請注意別在字符串中加空格。
這里是一組可以在字符串中引用的特性參數(shù):
menubar (菜單條)
這是個在大多數(shù)軟件應(yīng)用中都引用的函數(shù)行。一般包括有文件,編輯及其他一些條目。
status(狀態(tài)條)
這是位于你的窗口下部的信息條。當你的鼠標移到一個鏈接上時,鏈接的URL就在這個狀態(tài)條上出現(xiàn)。你可以將狀態(tài)條上顯示的內(nèi)容搬到一個滾動的marquee 中去。我不打算為你做這個示例,如果你想知道怎樣做,自己設(shè)法解決!
scrollbars (滾動條)
當需要時允許滾動條出現(xiàn)。
resizable (重調(diào))
當重調(diào)參數(shù)被列出,窗口將可被重調(diào)。注意它的拼法,我就經(jīng)常搞錯。
width (寬度)
以像素點表達的窗口寬。
height(高度)
以像素點表達的窗口高。
toolbar (工具條)
Home button, among others.
瀏覽器工具條,包括后退,前進鈕,停止鈕,以及HOME鈕等等。
location (定位區(qū))
你可以鍵入URL 的瀏覽器文本區(qū)。
directories (指示區(qū))
如NETscape瀏覽器中所在的"What's new," "What's cool,"等等。 這里是一些不同類型窗口的示例。
一旦你搞懂了這些例子,你就可以在你的一些窗口中實現(xiàn)它了。現(xiàn)在開始學窗口的具體內(nèi)容
JavaScript技術(shù):JavaScript初級教程(第三課)第1/2頁,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。