資訊專欄INFORMATION COLUMN
摘要：介紹技術(shù)確實在現(xiàn)代中必不可少，但是對于搜索引擎不夠友好，同時破壞了瀏覽器的前后跳轉(zhuǎn)邏輯。正是為了解決這一問題而產(chǎn)生的一種新技術(shù)。和的最大區(qū)別就是，不會將當(dāng)前狀態(tài)記錄，即不會把壓棧。
介紹
Ajax技術(shù)確實在現(xiàn)代web中必不可少，但是Ajax對于搜索引擎不夠友好，同時破壞了web瀏覽器的前后跳轉(zhuǎn)邏輯。pushState正是為了解決這一問題而產(chǎn)生的一種新技術(shù)。
方法實現(xiàn)pushState
pushState(state,title,url)
簡單來說該方法是，將當(dāng)前狀態(tài)state壓棧，并將當(dāng)前地址了改成url，設(shè)置該狀態(tài)的title（這個參數(shù)的作用不大，可以為空）。
replaceState
replaceState(state,title,url)
replaceState和pushState的最大區(qū)別就是，replaceState不會將當(dāng)前狀態(tài)記錄，即不會把state壓棧。
window.addEventListener("popstate", function(event){
// 獲取之前push的state參數(shù)
var state = event.state
// state存儲的可以是url，title等信息
// 這時可以調(diào)用replaceState來恢復(fù)地址欄地址
}, false);
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/79061.html
摘要：使用語法與要跳轉(zhuǎn)到的對應(yīng)的狀態(tài)信息。頁面名字，方便調(diào)試。要跳轉(zhuǎn)到的地址，不能跨域，對于單頁應(yīng)用來說沒用，傳空即可。 需求 在微信網(wǎng)頁開發(fā)中,點(diǎn)擊返回按鈕不刷新頁面,進(jìn)行頁面切換,且實現(xiàn)傳值功能. 問題由來 在做微信網(wǎng)頁開發(fā)時,由于微信的左上角返回按鈕會返回上一個頁面并且刷新,無法做成打開頁面選擇內(nèi)容后關(guān)閉當(dāng)前頁面,并且給前一個頁面?zhèn)髦档墓δ? 實現(xiàn)方法 想實現(xiàn)此功能一開始想到的是不進(jìn)行...
摘要：在即將度過試用期的時候，借著今天學(xué)習(xí)的文章，整理一下前段時間做用戶主頁時用到的。近期我站的個人主頁改版，將用戶發(fā)布的各類作品放到一個頁面上切換，附加篩選功能。在做篩選及翻頁的過程中，我們用到了。 在即將度過試用期的時候，借著今天學(xué)習(xí)的文章，整理一下前段時間做用戶主頁時用到的pjax。 近期我站的個人主頁改版，將用戶發(fā)布的各類作品放到一個頁面上切換，附加篩選功能。在做篩選及翻頁的過程中，...
摘要：問題最近碰到兩個問題從首頁進(jìn)入列表頁之后，點(diǎn)擊下一頁的時候，使用請求更新數(shù)據(jù)，然后點(diǎn)擊瀏覽器后退按鈕就直接返回到首頁，實際這里想要的效果是返回列表頁上一頁。沒法記住之前分頁狀態(tài)。 問題 最近碰到兩個問題： 從首頁進(jìn)入列表頁之后，點(diǎn)擊下一頁的時候，使用ajax請求更新數(shù)據(jù)， 然后點(diǎn)擊瀏覽器后退按鈕就直接返回到首頁，實際這里想要的效果是返回列表頁上一頁。 在列表頁分頁為2的頁面進(jìn)入詳情頁，...
閱讀 1927·2021-11-22 09:34
閱讀 1158·2021-10-09 09:44
閱讀 3051·2021-09-29 09:35
閱讀 3628·2021-09-14 18:01
閱讀 1496·2021-08-16 10:49
閱讀 1097·2019-08-29 14:11
閱讀 861·2019-08-29 12:47
閱讀 3082·2019-08-26 13:47
