JavaScript初級教程(第三課)第1/2頁
2024-09-06 12:42:43
供稿:網友
本課的目的是調用目標名,本例中即窗口名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>.