今天學習卸載事件(onunload)時候,有時候關閉窗口有作用,有時候不起作用,在各個瀏覽器中的效果也不一樣,為什么會這樣呢?
上網查了查相關的解釋,大佬說:“onbeforeunload和onunload在谷歌和火狐中,必須先按F12打開開發者模式,刷新或關閉網頁,才會用提示框 。而且不能連續刷新,如刷新第一次有提示框接着刷新第二次,就變成直接刷新沒有提示框。但是如果2次刷新時間間隔在30秒左右,則第二次刷新會有提示框。如果不按F12打開開發者模式,谷歌和火狐在onbeforeunload事件觸發時都不會有提示框,會直接刷新或關閉頁面”。
按照大佬的解釋,簡單的測試了下,還真是如此
如下代碼顯示:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<script>
window.onbeforeunload = function(){
return "onbeforeunload is work";
}
</script>
</head>
<body>
歡迎學習JavaScript
</body>
</html>
在IE瀏覽器中的效果圖:
在谷歌瀏覽器的效果圖:
注意:要先按F12打開開發者模式
在火狐瀏覽器的效果圖:
注意:要先按F12打開開發者模式