JavaScript window.close() 關閉視窗語法

window.close 是一個關閉瀏覽器視窗的語法,常見的應用如,當網友在本來的網頁透過 window.open 開啟一個新的視窗顯示部分的網頁內容或標示,網友看完後需給他們一個關閉視窗的連結或按鈕(button),這時候可以使用 JavaScript window.close 語法來製作關閉視窗的功能,不過 window.close 有一個特色,就是在許多的瀏覽器環境,必須是獨立開啟後的視窗才可以使用 window.close 關閉。

window.close 關閉視窗基本語法

window.close();


如果你開啟的網頁視窗是透過 window.open 來開啟的話,那使用 window.close() 來製做關閉視窗按鈕,按下關閉視窗按鈕就會直接關掉,如果不是透過 window.open 來開啟(例如直接連結開啟),則關閉視窗的時候,部分瀏覽器會跳出對話視窗,詢問是否要關閉。

關閉視窗不跳出詢問的對話視窗,你可以這樣寫

window.opener=null;
window.close();

加入了 window.opener=null 再執行 window.close() 就不會跳出對話視窗了。

JavaScript window.close 範例
文字型:<a href="javascript:window.close();">關閉視窗</a>
按鈕型:<input onclick="window.close();" value="關閉視窗" type="button">
範例輸出
文字型:關閉視窗
按鈕型:
範例的文字超連結型與按鈕型的關閉視窗語法都是相當普遍的設計方式,此範例的輸出結果僅為示意,並非真正有效果,建議您可以嘗試先用《window.open》的方式,寫一個可開啟的新視窗,並在視窗內使用範例的語法做練習,即可看到 window.close 關閉視窗的效果。

延伸閱讀
© Copyright wibibi.com 網頁設計教學百科 基礎的網頁設計規劃、資料庫與程式設計 Since 2012 Englsih version
PHP Smarty MySQL JQuery Apache W3C