JavaScript window.close 關閉視窗

JavaScript window.close 關閉視窗語法提供網友將當前的視窗關閉,可以製做成一個連結或一個按鈕(button)的呈現,通常使用於透過 window.open 開啟後的小視窗,讓網友於閱讀完畢後直接關閉,window.open 與 window.close 通常會搭配使用。

JavaScript window.close 關閉視窗基本語法
window.close();
基本語法可以寫在許多種不同的網頁元素內,製作成一個超連結或按鈕的樣貌。

JavaScript window.close 關閉視窗範例
<a href="javascript:window.close();">關閉視窗</a>
呈現結果這個範例是當網友從原本的網頁上,透過 window.open 開啟一個新的視窗,在新視窗上放入這段語法,就能夠產生一個關閉視窗的超連結按鈕,如果不是透過 wondow.open 所開啟的視窗,原則上還是可以用 window.close 直接關閉的,另外,當網友選擇要關閉一個視窗,部分的瀏覽器會跳出詢問的對話視窗,如果不要顯示這樣的提示對話視窗,可以透過加入 window.opener 來設定。

不顯示提示對話視窗範例
<a href="javascript:window.close();window.opener=null">關閉視窗</a>

範例中加入了 window.opener 的效果,參數值 null 代表不要顯示提示對話視窗,也就是直接把視窗關閉,大多數瀏覽器都支援這樣的寫法,但我們依然建議設計師多測試幾個不同的瀏覽器看結果是否正確。

延伸閱讀
© Copyright webtech.tw Since 2010