window.onunload事件簡單介紹

admin發表於2017-03-28

當退出頁面的時候會觸發此事件,退出頁面的形式有多種,重新整理頁面或者關閉頁面。

支援此事件的標籤有<body>和<frameset>。

支援此事件的物件是window。

但是此事件瀏覽器相容性實在是很大,谷歌瀏覽器不支援,當前火狐瀏覽器也不支援,IE瀏覽器支援。

程式碼例項:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css">
div{
  width:250px;
  background-color:#CCC;
  margin:0px auto;
  font-size:12px;
  text-align:center;
  line-height:50px;
}
</style>
<script type="text/javascript"> 
window.onunload=function(){
  var warning="螞蟻部落";           
  alert(warning)
}
</script> 
</head> 
<body> 
<div>重新整理頁面或者跳轉到其他頁面會觸發事件。</div>
</body> 
</html>

相關文章