js刷新頁面的幾種方法

沈建明發(fā)布于2019-08-26 13:45 / 4339人閱讀

摘要：在前端開發(fā)過程中，我們經(jīng)常需要通過刷新當(dāng)前的頁面來實(shí)現(xiàn)某些功能，一起來了解下前端刷新頁面有哪些方式呢刷新法方法，用來強(qiáng)制瀏覽器刷新當(dāng)前頁面。

在前端開發(fā)過程中，我們經(jīng)常需要通過刷新當(dāng)前的頁面來實(shí)現(xiàn)某些功能，一起來了解下前端刷新頁面有哪些方式呢？

reload刷新法

reload方法，用來強(qiáng)制瀏覽器刷新當(dāng)前頁面。
語法：

loaction.reload([bForceGet])

參數(shù)： bForceGet，可選參數(shù)，默認(rèn)為 false，從客戶端緩存里取當(dāng)前頁。true, 則以 GET 方式，從服務(wù)端取最新的頁面, 相當(dāng)于客戶端點(diǎn)擊 F5("刷新")

replace刷新法

replace 方法，該方法通過指定URL替換當(dāng)前緩存在歷史里（客戶端）的項(xiàng)目，因此當(dāng)使用replace方法之后，你不能通過“前進(jìn)”和“后退”來訪問已經(jīng)被替換的URL。
語法：

location.replace(URL)

自動(dòng)刷新頁面

頁面自動(dòng)刷新：把如下代碼加入?yún)^(qū)域中

頁面自動(dòng)跳轉(zhuǎn)：把如下代碼加入?yún)^(qū)域中

頁面自動(dòng)刷新js版

總結(jié)

history.back();     // 等同于點(diǎn)擊瀏覽器的回退按鈕
history.go(-1);     //等同于history.back();
window.location.reload(true); //強(qiáng)制從服務(wù)器重新加載當(dāng)前頁面

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/109472.html

相關(guān)文章

Webpack 2: 生產(chǎn)力工具, 模塊熱替換(HMR)的幾種方式

摘要：更新已經(jīng)到了這里添加更新說明并說明結(jié)合使用的簡要步驟參考資料環(huán)境在中添加中的設(shè)置的要設(shè)置為要在你的應(yīng)用程序入口之前添加如下在有完整的配置入口文件要這樣導(dǎo) 2018-01-10 更新 Webpacket 已經(jīng)到3了, 這里添加更新說明,并說明結(jié)合babel-loader使用的簡要步驟參考資料 https://doc.webpack-china.org... https://githu...

changfeng1050 2019-08-20 16:11 評論0 收藏0
前端路由原理解析和實(shí)現(xiàn)

摘要：如何實(shí)現(xiàn)前端路由要實(shí)現(xiàn)前端路由，需要解決兩個(gè)核心如何改變卻不引起頁面刷新如何檢測變化了下面分別使用和兩種實(shí)現(xiàn)方式回答上面的兩個(gè)核心問題。原文鏈接：github.com/whinc/blog/… 在單頁應(yīng)用如此流行的今天，曾經(jīng)令人驚嘆的前端路由已經(jīng)成為各大框架的基礎(chǔ)標(biāo)配，每個(gè)框架都提供了強(qiáng)大的路由功能，導(dǎo)致路由實(shí)現(xiàn)變的復(fù)雜。想要搞懂路由內(nèi)部實(shí)現(xiàn)還是有些困難的，但是如果只想了解路由實(shí)現(xiàn)基本...

lavor 2019-05-23 16:28 評論0 收藏0
Laravel 5 系列教程三：視圖變量傳遞和Blade

摘要：所以在視圖中我們需要這樣輸出這里應(yīng)寫成，而不是。這個(gè)時(shí)候注意更改視圖的變量輸出。原文來自： https://jellybool.com/post/programming-with-laravel-5-blade-views-with-var 系列文章： http://segmentfault.com/blog/jellybool 免費(fèi)視頻教程地址 https://laravist...

jindong 2019-06-27 11:28 評論0 收藏0
50道JavaScript基礎(chǔ)面試題（附答案）

摘要：事件中屬性等于。響應(yīng)的狀態(tài)為或者。同步在上會(huì)產(chǎn)生頁面假死的問題。表示聲明的變量未初始化，轉(zhuǎn)換為數(shù)值時(shí)為。但并非所有瀏覽器都支持事件捕獲。它由兩部分構(gòu)成函數(shù)，以及創(chuàng)建該函數(shù)的環(huán)境。 1 介紹JavaScript的基本數(shù)據(jù)類型Number、String 、Boolean 、Null、Undefined Object 是 JavaScript 中所有對象的父對象數(shù)據(jù)封裝類對象：Object、...

huaixiaoz 2019-08-22 18:04 評論0 收藏0
JS實(shí)現(xiàn)不重載頁面前提下創(chuàng)建一條歷史紀(jì)錄

摘要：背景最近在上班過程中，遇到了這么一個(gè)需求，在多頁面應(yīng)用中，需要在幾個(gè)頁面上共用同一個(gè)數(shù)據(jù)來源，且切換頁面不刷新頁面數(shù)據(jù)，并能實(shí)現(xiàn)歷史記錄的后退功能因前期只考慮在一個(gè)頁面內(nèi)實(shí)現(xiàn)多個(gè)頁面的效果，并未考慮到歷史記錄堆棧中的處理，導(dǎo)致頁面會(huì)一次性推背景最近在上班過程中，遇到了這么一個(gè)需求，在多頁面應(yīng)用中，需要在幾個(gè)頁面上共用同一個(gè)數(shù)據(jù)來源，且切換頁面不刷新頁面數(shù)據(jù)，并能實(shí)現(xiàn)歷史記錄的后退功...

bigdevil_s 2019-08-23 12:35 評論0 收藏0