開個新視窗再關掉 window 的 open 與 close

最近客戶有個活動要用到一個 landing page，由於是個蠻單純的頁面，主要只是傳達活動資訊，例如活動的內容、時間表、講師、地點 ... 等，又希望網頁呈現的風格能夠簡單一點，經過討論最終定案是將各項細項透過 window.open 開啟一個小的新視窗模式來呈現，優點是單一頁面上安裝幾個說明按鈕，多個按鈕可以整合也可以分散在各個區域。

設計的技巧

要製作這種開啟新視窗來說明細項，可以透過 JavaScript 的 window.open 方法來處理，假設我們在一個按鈕上加入 window.open，當網友按下該選項按鈕就會自動開啟，window.open 有很多不同的參數可以使用，可以參閱以下文章內的參數表。

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

先來看看 window.open 的語法架構，其他參數的部分還是要參考參數表。

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

這就是開啟新視窗的語法架構囉！那如果要在新開啟的視窗安裝一個關閉式窗的按鈕怎麼辦呢？不用擔心，JavaScript 還有一個叫做 window.close 的功能，請參閱以下詳細介紹。

JavaScript window.close 關閉視窗：http://www.webtech.tw/info.php?tid=73

原則上用上述兩種方法要製作開啟與關閉的功能應該是沒問題了！