快捷導(dǎo)航

解決window.history.back()返回上一頁(yè)有時(shí)候需要點(diǎn)擊多次問(wèn)題

更新時(shí)間：2024年03月13日 10:50:50 作者：浪花—朵朵

這篇文章主要介紹了解決window.history.back()返回上一頁(yè)有時(shí)候需要點(diǎn)擊多次問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

window.history.back()返回上一頁(yè)有時(shí)候需要點(diǎn)擊多次

遇到兩個(gè)小問(wèn)題記錄一下

window.history.back() 返回上一頁(yè) 有時(shí)候需要點(diǎn)擊多次，這是為什么呢？

原來(lái)Windows下的window.history.back()后退后返回的不只是前一個(gè)頁(yè)而是前一個(gè)頁(yè)的狀態(tài)。如果一個(gè)頁(yè)我修改了3次那必須后退3次才能回到前一個(gè)頁(yè)。

怎么處理這種情況呢，我在網(wǎng)上找了下，并沒(méi)有特別契合我現(xiàn)在的情況的，無(wú)非就是讓我寫(xiě)具體的跳轉(zhuǎn)地址，但凡我能知道具體地址，我還用糾結(jié)嘛。。

最終經(jīng)過(guò)各種測(cè)試實(shí)操有效的代碼來(lái)了，

下面展示一些內(nèi)聯(lián)代碼片。

history.back();location.reload();
window.history.back()

這個(gè)也就意味著先刷新頁(yè)面清除狀態(tài)，再進(jìn)行返回上一頁(yè)，完美解決！

這個(gè)就是隨筆寫(xiě)上的，因?yàn)楹镁弥坝眠^(guò)這個(gè)，沒(méi)想到，隔了兩三年沒(méi)用，給忘記了，費(fèi)了好一番功夫才查到，尷尬了也是

// 先是變量名字
data() return {
	value1: 'a',
	value2: 'b',
	value3: 'c'
}
//那么怎么循環(huán)給他們賦值呢 就是這樣咯
this['value'+i] = value;

我們經(jīng)常會(huì)做完一個(gè)操作之后返回上一個(gè)頁(yè)面（比如新增完一條記錄）

然后我們希望返回上一個(gè)頁(yè)面的時(shí)候就自動(dòng)刷新他。

但是由于JS的緩存機(jī)制

導(dǎo)致我們的數(shù)據(jù)還是從前一次里面取的（他的初衷是希望你更快，更省資源）

但是和我們的需求不同

如圖：

從網(wǎng)上找的一些資料：

在window.history.back(); 后面加location.reload();

window.history.go(-1);window.location.reload()

均無(wú)終而返

window.location.replace(document.referrer)

window.location.href=“上一個(gè)頁(yè)面URL”

（下下策）

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: