判斷頁面是關(guān)閉還是刷新的js代碼
更新時間：2007年01月28日 00:00:00 作者：
<body>標(biāo)簽只有onload\onunload\onbeforeunload事件，而沒有onclose事件。不管頁面是關(guān)閉還是刷新都會執(zhí)行onunload事件。如何捕捉到頁面關(guān)閉呢？
頁面加載時只執(zhí)行onload
頁面關(guān)閉時只執(zhí)行onunload
頁面刷新時先執(zhí)行onbeforeunload，然后onunload，最后onload。這樣我們可以在onbeforeunload中加一個標(biāo)記，在onunload中判斷該標(biāo)記，即可達(dá)到判斷頁面是否真的關(guān)閉了。
<html>
<head>
<title>判斷頁面是關(guān)閉還是刷新</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(’這是關(guān)閉頁面’);
}
function fload()
{
alert("load me!="+s);
}
function bfunload()
{
s = "no";
}
</script>
</body>
</html>
頁面加載時只執(zhí)行onload
頁面關(guān)閉時只執(zhí)行onunload
頁面刷新時先執(zhí)行onbeforeunload，然后onunload，最后onload。這樣我們可以在onbeforeunload中加一個標(biāo)記，在onunload中判斷該標(biāo)記，即可達(dá)到判斷頁面是否真的關(guān)閉了。
<html>
<head>
<title>判斷頁面是關(guān)閉還是刷新</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(’這是關(guān)閉頁面’);
}
function fload()
{
alert("load me!="+s);
}
function bfunload()
{
s = "no";
}
</script>
</body>
</html>
您可能感興趣的文章:
- js刷新頁面方法大全
- JS刷新當(dāng)前頁面的幾種方法總結(jié)
- js返回上一頁并刷新代碼整理
- js 頁面刷新location.reload和location.replace的區(qū)別小結(jié)
- 用js判斷頁面刷新或關(guān)閉的方法(onbeforeunload與onunload事件)
- js實現(xiàn)刷新iframe的方法匯總
- javascript 強(qiáng)制刷新頁面的實現(xiàn)代碼
- Div+CSS+JS樹型菜單，可刷新
- js關(guān)閉模態(tài)窗口刷新父頁面或跳轉(zhuǎn)頁面
- 自動刷新網(wǎng)頁,自動刷新當(dāng)前頁面,JS調(diào)用
- 一個簡單的網(wǎng)站訪問JS計數(shù)器 刷新1次加1次訪問
- js返回上一頁并刷新的多種實現(xiàn)方法
- Javascript 兩種刷新方法以及區(qū)別和適用范圍
相關(guān)文章
下面分享網(wǎng)頁全屏顯示代碼，想做全屏顯示效果的朋友可以參照下。2009-07-07
JavaScript高級程序設(shè)計（第3版）學(xué)習(xí)筆記2 js基礎(chǔ)語法
這一篇復(fù)習(xí)一下ECMAScript規(guī)范中的基礎(chǔ)語法，英文好的朋友可以直接閱讀官方文檔。JavaScript本質(zhì)上也是一種類C語言，熟悉C語言的朋友，可以非常輕松的閱讀這篇文章，甚至都可以跳過，不過建議你最好還是看一看，在介紹的同時，我可能會引用一些自認(rèn)為不易理解且比較流行的用法。2012-10-10
對new functionName()定義一個函數(shù)的理解
這篇文章主要介紹了對new functionName()定義一個函數(shù)的理解,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了JavaScript中的Math.LOG2E屬性使用詳解,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06
帶你了解session和cookie作用原理區(qū)別和用法
這篇文章主要介紹了session和cookie作用原理,區(qū)別和用法,以及使用過程中的優(yōu)缺點，通過列舉區(qū)別和原理，使讀者更能理解兩者之間的關(guān)系,需要的朋友可以參考下2017-08-08
JavaScript對象內(nèi)置對象,值類型和引用類型講解
本文講述了JavaScript的一些對象，值的類型和引用類型的講解，詳細(xì)的使用圖文進(jìn)行說明歸納和整理2021-06-06
javascript驗證form表單數(shù)據(jù)的案例詳解
這篇文章主要介紹了javascript驗證form表單數(shù)據(jù)，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
JavaScript SetInterval與setTimeout使用方法詳解
本文講解了JavaScript SetInterval與setTimeout的區(qū)別，并用代碼示例演示了使用方法2013-11-11
詳解在網(wǎng)頁上通過JS實現(xiàn)文本的語音朗讀
這篇文章主要介紹了在網(wǎng)頁上通過JS實現(xiàn)文本的語音朗讀，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-03-03
這篇文章主要介紹了JavaScript運行時庫屬性,需要的朋友可以參考下2014-03-03