1 利用window.name屬性在頁(yè)面刷新時(shí)不會(huì)重置判斷(在該屬性空置的情況下可使用)
if(window.name == ""){ console.log("首次被加載"); window.name = "isReload"; // 在首次進(jìn)入頁(yè)面時(shí)我們可以給window.name設(shè)置一個(gè)固定值 }else if(window.name == "isReload"){ console.log("頁(yè)面被刷新"); }
2 使用sessionStorage或cookie來判斷
與window.name實(shí)現(xiàn)方法類似在首次加載時(shí)設(shè)置一個(gè)固定值 之后判斷即可
這里以sessionStorage來為例
if(sessionStorage.getItem("isReload")){ console.log("頁(yè)面被刷新"); }else{ console.log("首次被加載"); sessionStorage.setItem("isReload", true) }
3 可以使用window.chrome對(duì)象 (該方法只在谷歌瀏覽器中可用 其他瀏覽器無chrome對(duì)象)
該對(duì)象提供了一個(gè)loadTimes() 方法 執(zhí)行該方法我們會(huì)得到一個(gè)有關(guān)頁(yè)面性能的對(duì)象
其中有一個(gè)navigationType屬性可以幫助我們判斷頁(yè)面是加載還是刷新
它有兩個(gè)值 Reload(刷新) 和 Other(首次加載)
所以我們可以通過if判斷:
if(sessionStorage.getItem("isReload")){ console.log("頁(yè)面被刷新"); }else{ console.log("首次被加載"); sessionStorage.setItem("isReload", true) }
使用window.chrome.loadTimes方法會(huì)報(bào)警告
isreload.html:20 [Deprecation] chrome.loadTimes() is deprecated, instead use standardized API: Navigation Timing 2. https://www.chromestatus.com/features/5637885046816768.
官方已經(jīng)說明該方法被棄用了 讓我們使用 標(biāo)準(zhǔn)化API: Navigation Timing 2
所有上面代碼需要改下:
if (window.performance.navigation.type == 1) { console.log("頁(yè)面被刷新") }else{ console.log("首次被加載") }
總結(jié)
以上所述是小編給大家介紹的使用JS判斷頁(yè)面是首次被加載還是刷新,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持!
聲明:本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
本文如未解决您的问题请添加抖音号:51dongshi(抖音搜索懂视),直接咨询即可。