js刷新頁(yè)面的幾種方法

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

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

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

reload刷新法

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

loaction.reload([bForceGet])

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

replace刷新法

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

location.replace(URL)

自動(dòng)刷新頁(yè)面

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

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

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

總結(jié)

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

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/109472.html

相關(guān)文章

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

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

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

摘要：如何實(shí)現(xiàn)前端路由要實(shí)現(xiàn)前端路由，需要解決兩個(gè)核心如何改變卻不引起頁(yè)面刷新如何檢測(cè)變化了下面分別使用和兩種實(shí)現(xiàn)方式回答上面的兩個(gè)核心問(wèn)題。原文鏈接：github.com/whinc/blog/… 在單頁(yè)應(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 評(píng)論0 收藏0
Laravel 5 系列教程三：視圖變量傳遞和Blade

摘要：所以在視圖中我們需要這樣輸出這里應(yīng)寫(xiě)成，而不是。這個(gè)時(shí)候注意更改視圖的變量輸出。原文來(lái)自： 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 評(píng)論0 收藏0
50道JavaScript基礎(chǔ)面試題（附答案）

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

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

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

bigdevil_s 2019-08-23 12:35 評(píng)論0 收藏0