?? 頁面加載后刷新一次?試試這個(gè)方法吧!??
在日常開發(fā)中,我們有時(shí)需要讓頁面加載完成后自動(dòng)刷新一次,但又不想讓用戶頻繁看到刷新動(dòng)作。這種場(chǎng)景可以通過簡(jiǎn)單的 JavaScript 實(shí)現(xiàn)哦!??
首先,我們需要利用 `window.onload` 事件監(jiān)聽頁面加載完成,然后通過 `setTimeout` 設(shè)置一個(gè)短暫的延遲來觸發(fā)刷新操作。不過要注意,刷新后需要避免重復(fù)執(zhí)行,因此可以用標(biāo)志位來判斷是否已經(jīng)刷新過。??
```javascript
let isRefreshed = false; // 標(biāo)志位
window.onload = function() {
if (!isRefreshed) {
isRefreshed = true; // 設(shè)置為已刷新狀態(tài)
setTimeout(() => {
location.reload(); // 自動(dòng)刷新頁面
}, 100); // 延遲100ms
}
};
```
這樣,頁面加載時(shí)只會(huì)刷新一次,完美解決多次刷新的問題!?? 這種技巧在某些特定場(chǎng)景下非常實(shí)用,比如清除緩存或者重新初始化某些功能模塊。快去試試吧,效果超棒!??
前端小技巧 JavaScript 頁面刷新
免責(zé)聲明:本文為轉(zhuǎn)載,非本網(wǎng)原創(chuàng)內(nèi)容,不代表本網(wǎng)觀點(diǎn)。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實(shí),對(duì)本文以及其中全部或者部分內(nèi)容、文字的真實(shí)性、完整性、及時(shí)性本站不作任何保證或承諾,請(qǐng)讀者僅作參考,并請(qǐng)自行核實(shí)相關(guān)內(nèi)容。