2014年3月24日 星期一

如何使用 window.open 的功能

假設一個情況是這樣的,在同一個網頁的頁面內,設計師提供了一個文章內容的說明,講解到其中一個部分,想要讓網友去開啟一個說明網頁,額外開啟的那一種,也就是保留原本的文章網頁,另外去 open 一個新視窗,顯示要說明的內容,這樣的功能要怎麼設計呢?

其實另外開啟一個新視窗的功能,設計起來很簡單,可以直接透過瀏覽器內建 JavaScript 的 window.open 功能來寫,只有幾個參數要設定,就能夠輕易的做出開啟新說明視窗的功能,關於這個 window.open 的語法,原則上類似下面這樣。

window.open(' 新視窗要顯示的網頁網址 ', ' 新視窗的名稱 ', config=' 其他參數 ');

網址以及要開啟新視窗的名稱都算容易裡解,至於最後那個 config 其他參數有什麼可設定的呢?大部分都是用來設定 window.open 出來的新視窗外觀,有興趣的朋友可以參考以下的說明網頁內容。

JavaScript window.open 開新視窗:http://www.webtech.tw/info.php?tid=72

要熟悉真正的用法,建議看清楚參數表上的每個參數說明。