一、JS關閉瀏覽器窗口的方法
JS可以通過window.close()方法來關閉瀏覽器窗口,這個方法適用於所有瀏覽器。
window.close();
為了避免用戶誤操作關閉窗口,可以在方法前加上一個確認彈框,提示用戶是否要關閉窗口。
二、JS關閉瀏覽器窗口前提示彈框
如果想在關閉窗口前彈出確認框,可以使用window.confirm()方法,這個方法會彈出一個確認對話框,提示用戶是否要關閉窗口。
if (window.confirm("確定要關閉窗口嗎?")) { window.close(); }
三、JS關閉瀏覽器窗口 Chrome
在Chrome瀏覽器中使用window.close()方法關閉窗口時,只能關閉由JS打開的窗口,否則會被瀏覽器阻止。這是為了防止惡意腳本關閉用戶的瀏覽器窗口。
四、JS關閉微信瀏覽器窗口
在微信瀏覽器中使用window.close()方法關閉窗口是無效的,因為微信瀏覽器對該方法進行了屏蔽。但是我們可以通過調用WeixinJSBridge的closeWindow方法來關閉微信瀏覽器窗口。
if (typeof WeixinJSBridge !== 'undefined') { WeixinJSBridge.invoke('closeWindow', {}, function (res) {}); } else { window.close(); }
五、JS關閉瀏覽器窗口之前觸發的事件
如果想在關閉窗口前執行一些操作,可以使用window.onbeforeunload事件,在窗口關閉之前執行一個函數。
window.onbeforeunload = function () { //在這裡執行一些操作 return "確定要離開嗎?";//彈出確認框提示用戶是否離開 }
六、關閉瀏覽器窗口的方法
除了JS提供的window.close()方法外,還可以使用window.open().close()方法來關閉由自己打開的窗口。
var myWindow = window.open('', 'myWindow'); //在這裡寫入some HTML myWindow.close();
七、瀏覽器窗口已滿怎麼關閉
如果要關閉正在運行的窗口,但瀏覽器窗口已經達到了最大數量限制,可以使用window.open()打開一個新窗口,然後關閉它。
var newWindow = window.open('', '_self'); newWindow.close();
八、JS關閉當前窗口的方法
如果要關閉當前窗口,可以使用window.open()打開一個新窗口,然後在原窗口中使用window.close()關閉窗口。
var newWindow = window.open('', '_self'); window.close();
九、JS瀏覽器關閉事件
除了window.onbeforeunload事件外,還有一個window.onunload事件,它會在窗口關閉後立即執行。
window.onunload = function () { //在這裡執行一些操作 }
十、JS關閉彈出窗口
如果要關閉由window.open()打開的彈出窗口,可以使用window.opener來引用打開它的窗口,然後在該窗口中調用window.close()方法。
var popupWindow = window.open('popup.html', 'Popup', 'width=300,height=200'); //在這裡寫入some HTML popupWindow.opener.close();
小結
以上就是JS關閉瀏覽器窗口的完整指南,除了window.close()方法外,我們還可以使用window.open()方法來打開和關閉窗口。注意,針對不同瀏覽器和環境有些方法可能會無效或被阻止。在使用時需要注意兼容性和合適的方法。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/301752.html