DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> JavaScript初級教程(第三課)第1/2頁
JavaScript初級教程(第三課)第1/2頁
編輯:JavaScript基礎知識     
本課的目的是調用目標名,本例中即窗口名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,"等等。 這裡是一些不同類型窗口的示例。

    一旦你搞懂了這些例子,你就可以在你的一些窗口中實現它了。現在開始學窗口的具體內容
當前1/2頁 12下一頁閱讀全文
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved