window.onunload事件簡單介紹
當退出頁面的時候會觸發此事件,退出頁面的形式有多種,重新整理頁面或者關閉頁面。
支援此事件的標籤有<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>
相關文章
- onerror事件用法簡單介紹Error事件
- invalid事件簡單介紹事件
- onreadystatechange事件簡單介紹事件
- jQuery阻止事件冒泡簡單介紹jQuery事件
- jQuery自定義事件簡單介紹jQuery事件
- Query鍵盤事件簡單介紹事件
- form表單的onSubmit事件簡單介紹ORMMIT事件
- jQuery滑鼠雙擊事件簡單介紹jQuery事件
- js事件委託原理簡單介紹JS事件
- java關於事件的簡單介紹Java事件
- js dom元素事件處理簡單介紹JS事件
- jQuery事件名稱空間簡單介紹jQuery事件
- javascript事件控制程式碼簡單介紹JavaScript事件
- 滑鼠右鍵點選事件簡單介紹事件
- javascript什麼是事件委託簡單介紹JavaScript事件
- jquery事件物件event常用屬性簡單介紹jQuery事件物件
- jquery自定義事件的使用方式簡單介紹jQuery事件
- HTML5的video事件簡單介紹HTMLIDE事件
- javascript事件處理函式繫結簡單介紹JavaScript事件函式
- SVG簡單介紹SVG
- HTML簡單介紹HTML
- ActiveMQ簡單介紹MQ
- HTML 簡單介紹HTML
- JavaScript 簡單介紹JavaScript
- CSS 簡單介紹CSS
- SCSS 簡單介紹CSS
- UICollectionView 簡單介紹UIView
- css簡單介紹CSS
- 簡單介紹Angular單元測試之事件觸發的實現Angular事件
- RPC簡單介紹RPC
- Webpack 的簡單介紹Web
- spark簡單介紹(一)Spark
- Flutter key簡單介紹Flutter
- Python簡單介紹Python
- <svg>元素簡單介紹SVG
- Git_簡單介紹Git
- JSON簡單介紹JSON
- 簡單介紹克隆 JavaScriptJavaScript