判斷頁面是關閉還是刷新的js代碼
更新時間:2007年01月28日 00:00:00 作者:
<body>標簽只有onload\onunload\onbeforeunload事件,而沒有onclose事件。不管頁面是關閉還是刷新都會執(zhí)行onunload事件。如何捕捉到頁面關閉呢?
頁面加載時只執(zhí)行onload
頁面關閉時只執(zhí)行onunload
頁面刷新時先執(zhí)行onbeforeunload,然后onunload,最后onload。這樣我們可以在onbeforeunload中加一個標記,在onunload中判斷該標記,即可達到判斷頁面是否真的關閉了。
<html>
<head>
<title>判斷頁面是關閉還是刷新</title>
</head>
<body onunload="fclose();" onload="fload();" onbeforeunload="bfunload();">
<script language="javascript">
var s = "test";
function fclose()
{
if(s=="no")
alert(unload me!=+s+這是刷新頁面!);
else
alert(這是關閉頁面);
}
function fload()
{
alert("load me!="+s);
}
function bfunload()
{
s = "no";
}
</script>
</body>
</html>
頁面加載時只執(zhí)行onload
頁面關閉時只執(zhí)行onunload
頁面刷新時先執(zhí)行onbeforeunload,然后onunload,最后onload。這樣我們可以在onbeforeunload中加一個標記,在onunload中判斷該標記,即可達到判斷頁面是否真的關閉了。
<html>
<head>
<title>判斷頁面是關閉還是刷新</title>
</head>
<body onunload="fclose();" onload="fload();" onbeforeunload="bfunload();">
<script language="javascript">
var s = "test";
function fclose()
{
if(s=="no")
alert(unload me!=+s+這是刷新頁面!);
else
alert(這是關閉頁面);
}
function fload()
{
alert("load me!="+s);
}
function bfunload()
{
s = "no";
}
</script>
</body>
</html>
您可能感興趣的文章:
- js刷新頁面方法大全
- JS刷新當前頁面的幾種方法總結(jié)
- js返回上一頁并刷新代碼整理
- js 頁面刷新location.reload和location.replace的區(qū)別小結(jié)
- 用js判斷頁面刷新或關閉的方法(onbeforeunload與onunload事件)
- js實現(xiàn)刷新iframe的方法匯總
- javascript 強制刷新頁面的實現(xiàn)代碼
- Div+CSS+JS樹型菜單,可刷新
- js關閉模態(tài)窗口刷新父頁面或跳轉(zhuǎn)頁面
- 自動刷新網(wǎng)頁,自動刷新當前頁面,JS調(diào)用
- 一個簡單的網(wǎng)站訪問JS計數(shù)器 刷新1次加1次訪問
- js返回上一頁并刷新的多種實現(xiàn)方法
- Javascript 兩種刷新方法以及區(qū)別和適用范圍
相關文章
JavaScript Math.ceil 方法(對數(shù)值向上取整)
js Math.ceil用于對數(shù)值向上取整,即得到大于或等于該數(shù)值的最小整數(shù),需要的朋友可以參考下2015-01-01JavaScript fontcolor方法入門實例(按照指定的顏色來顯示字符串)
這篇文章主要介紹了JavaScript fontcolor方法入門實例,fontcolor方法用于按照指定的顏色來顯示字符串,需要的朋友可以參考下2014-10-10JavaScript中的setMilliseconds()方法使用詳解
這篇文章主要介紹了JavaScript中的setMilliseconds()方法使用詳解,是JS入門學習中的基礎知識,需要的朋友可以參考下2015-06-06javascript prototype原型詳解(比較基礎)
prototype原型是javascript中特別重要的概念,屬于必須要掌握,如果沒有良好的掌握的話,進一步用好或者學好js基本是不可能的實現(xiàn)的事情,并且此概念稍有難度,可能對于初次接觸的朋友來說有點困難,下面就通過代碼實例簡單介紹一下prototype原型的用法2016-12-12深入理解JavaScript系列(30):設計模式之外觀模式詳解
這篇文章主要介紹了深入理解JavaScript系列(30):設計模式之外觀模式詳解,外觀模式(Facade)為子系統(tǒng)中的一組接口提供了一個一致的界面,此模塊定義了一個高層接口,這個接口值得這一子系統(tǒng)更加容易使用,需要的朋友可以參考下2015-03-03javascript學習筆記(十四) window對象使用介紹
javascript學習筆記之window對象使用介紹,需要的朋友可以參考下2012-06-06javascript學習筆記(十五) js間歇調(diào)用和超時調(diào)用
javascript學習筆記之js間歇調(diào)用和超時調(diào)用介紹,學習js的朋友可以參考下2012-06-06