一、使用window.close()方法
在HTML5中，可以使用window.close()方法關閉當前頁面。這個方法可以在當前頁面或者一個彈出窗口中使用。
在Chrome、Firefox和Safari瀏覽器中，只有在窗口是由JavaScript打開時，這個方法才能正常工作。
示例代碼如下：
function closeWindow() {
window.close();
}
二、通過標籤的target屬性實現關閉頁面
在HTML5中，通過給標籤設置target=”_self”屬性，就可以實現在當前頁面打開鏈接，從而關閉當前頁面。
示例代碼如下：
關閉當前頁面
三、使用標籤的onclick事件實現關閉頁面
通過在HTML5中使用標籤，並在它上面定義一個onclick事件，可以實現關閉當前頁面。
示例代碼如下：
關閉當前頁面
四、在form表單中使用JavaScript實現關閉頁面
在HTML5中，可以在form表單中使用JavaScript實現關閉當前頁面。
示例代碼如下：
<form id="closeForm"> <input type="submit" onclick="window.close()" value="關閉當前頁面"> </form>
五、使用onbeforeunload事件實現關閉頁面
onbeforeunload事件可以在用戶關閉當前頁面時觸發。通過在這個事件的處理程序中運行JavaScript代碼，可以關閉當前頁面。
示例代碼如下：
window.onbeforeunload = function(event) {
return confirm("確定要關閉當前頁面嗎？");
};
六、使用window.location.replace()方法實現重定向頁面
使用window.location.replace()方法實現重定向頁面，也可以實現關閉當前頁面。
示例代碼如下：
window.location.replace("http://www.example.com");
七、總結
通過以上七種方法，可以在HTML5中實現關閉當前頁面的功能。具體使用哪種方法，需要根據具體的業務需求來選擇。
原創文章，作者：COTCJ，如若轉載，請註明出處：https://www.506064.com/zh-hk/n/369493.html
微信掃一掃 
支付寶掃一掃 