最新文章專題視頻專題問答1問答10問答100問答1000問答2000關(guān)鍵字專題1關(guān)鍵字專題50關(guān)鍵字專題500關(guān)鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關(guān)鍵字專題關(guān)鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當(dāng)前位置: 首頁(yè) - 科技 - 知識(shí)百科 - 正文

使用JS判斷頁(yè)面是首次被加載還是刷新

來源:懂視網(wǎng) 責(zé)編:小采 時(shí)間:2020-11-27 21:56:18
文檔

使用JS判斷頁(yè)面是首次被加載還是刷新

使用JS判斷頁(yè)面是首次被加載還是刷新:1 利用window.name屬性在頁(yè)面刷新時(shí)不會(huì)重置判斷(在該屬性空置的情況下可使用) if(window.name == ){ console.log(首次被加載); window.name = isReload; // 在首次進(jìn)入頁(yè)面時(shí)我們可以給window.name設(shè)置一個(gè)固定值 }else if(w
推薦度:
導(dǎo)讀使用JS判斷頁(yè)面是首次被加載還是刷新:1 利用window.name屬性在頁(yè)面刷新時(shí)不會(huì)重置判斷(在該屬性空置的情況下可使用) if(window.name == ){ console.log(首次被加載); window.name = isReload; // 在首次進(jìn)入頁(yè)面時(shí)我們可以給window.name設(shè)置一個(gè)固定值 }else if(w

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(抖音搜索懂视),直接咨询即可。

文檔

使用JS判斷頁(yè)面是首次被加載還是刷新

使用JS判斷頁(yè)面是首次被加載還是刷新:1 利用window.name屬性在頁(yè)面刷新時(shí)不會(huì)重置判斷(在該屬性空置的情況下可使用) if(window.name == ){ console.log(首次被加載); window.name = isReload; // 在首次進(jìn)入頁(yè)面時(shí)我們可以給window.name設(shè)置一個(gè)固定值 }else if(w
推薦度:
  • 熱門焦點(diǎn)
專題
Top

抖音扫码关注

手机端二维码

每天分享百科知识!