js刷新頁面的幾種方法

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

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

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

reload刷新法

reload方法，用來強制瀏覽器刷新當前頁面。
語法：

loaction.reload([bForceGet])

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

replace刷新法

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

location.replace(URL)

自動刷新頁面

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

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

頁面自動刷新js版

總結(jié)

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

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

轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.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
前端路由原理解析和實現(xiàn)

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

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

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

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

摘要：事件中屬性等于。響應(yīng)的狀態(tài)為或者。同步在上會產(chǎn)生頁面假死的問題。表示聲明的變量未初始化，轉(zhuǎn)換為數(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實現(xiàn)不重載頁面前提下創(chuàng)建一條歷史紀錄

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

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