JavaScript初級教程(第三課)第1/2頁

本課的目的是調用目標名，本例中即視窗名yer_new_window。

既然我們已經簡單的重溫了一下href目標, 那麼該開始學習在JavaScript中開啟視窗.

在HTML中開啟視窗應用極為普遍，但也有一些缺陷；使用者瀏覽器決定視窗看起來是什麼樣的，你左右不了其視窗的大小及式樣。幸運的是，JavaScript給了你這種控制權。

看一看其原由:

window.open("URL","name","features");

本語句以你調用時採用的第一個參數URL來開啟一個視窗。這裡是以URL，實際中可寫成"http://www.jsfan.org/basic" 或其他類似的東西。

第二個參數是視窗的名字。這就象上頁中我們看到的名字，如果你開啟視窗時已有一個同名視窗開啟，那麼URL將把open語句送到原先已開啟的視窗。

第三個參數，features，是一個視窗所具有的不同特徵。這是個選擇性參數，我們先做關於頭兩個參數的練習。

這裡是一些用JavaScript開啟視窗的例子。

試一下點擊如下三個連結看看將發生什麼。注意在三個連結都開啟前別先關閉其中任何一個。(下面三行文字代碼在轉載過程中丟失，連結也已經失效，故不可點擊，以後我會修正的----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 的視窗開啟，其中出現javascript_window_1.html的網頁。由於參數features是可選的，我們先不理會它。

注意這裡我是用onClick來調用開啟視窗的。你大可不必將window.open()放在onClick中調用視窗，這很容易辦到。一會你將看到在<script>標籤中的windows.open()例子。

第二個例子與第一個幾乎一樣的，它只是以不同的名字開啟一個視窗及調用到不同的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>.

妙事即將開始。我們加入第三個參數features，看看會發生什麼。

OK 讓我們加入windows features再試試!
window.open()中的第三個參數是你想要你的視窗表現的一組特性。如果你不完全確定你的參數，則以使用者瀏覽器的預設值替代。

然而，如果你指定了一些特性參數，則視窗將以參數設定值規定的出現。特性參數是以一組逗號分隔的序列出現的。

例如，如果你是這麼寫的：

window.open("some_url","window_name","location,menubar");

你將得到一個規定了URL，視窗名及菜單條（檔案，編輯條等等）的視窗。注意別在字串中加入任何空格，這將使得有些瀏覽器出錯。

看一下另一個例子：

window.open("some_url","window_name","location,height=100,width=100");

這將開啟一個高寬各為100像素的視窗。再次請注意別在字串中加空格。

這裡是一組可以在字串中引用的特性參數：

menubar （菜單條）
這是個在大多數軟體應用中都引用的函數行。一般包括有檔案，編輯及其他一些條目。

status（狀態條）
這是位於你的視窗下部的資訊條。當你的滑鼠移到一個連結上時，連結的URL就在這個狀態條上出現。你可以將狀態條上顯示的內容搬到一個滾動的marquee 中去。我不打算為你做這個樣本，如果你想知道怎樣做，自己設法解決！

scrollbars （捲軸）
當需要時允許捲軸出現。

resizable （重調）
當重調參數被列出，視窗將可被重調。注意它的拼法，我就經常搞錯。

width （寬度）
以像素點表達的視窗寬。

height（高度）
以像素點表達的視窗高。

toolbar （工具條）
Home button, among others.
瀏覽器工具條，包括後退，前進鈕，停止鈕，以及HOME鈕等等。

location （定位區）
你可以鍵入URL 的瀏覽器文本區。

directories （指示區）
如Netscape瀏覽器中所在的"What's new," "What's cool,"等等。 這裡是一些不同類型視窗的樣本。

一旦你搞懂了這些例子，你就可以在你的一些視窗中實現它了。現在開始學視窗的具體內容