大概是這樣的,在進入一個頁面后,存盤當前頁面的URL地址到COOKIE,然后從這個頁面點擊鏈接跳轉后,原先存盤的不動,再存盤個新的當前頁面的URL鏈接,以此類推。只要一直從最初的那個頁面內所點擊鏈接跳轉的每一個頁面再跳轉的同級頁面URL都會存盤到COOKIE。
之后我又該怎樣從這個COOKIE里取出當前頁跳轉過來的上一頁的鏈接呢?
因為我要做手機上點擊物體按鍵回傳的功能,而頁面里加了meta阻止了來源頁面的記錄,所以document.referrer無法獲取上一頁記錄。所以想到用COOKIE來弄,但當下手去弄的時候發現太難了。不知道如何下手。資料了也搜索了很多,沒有相關的資訊。所以不得不來請教。還望論壇大佬能夠給與幫助啊,非常感謝。
下面是,手機自帶回傳的JS代碼。
pushHistory();
window.addEventListener("popstate", function(e) {
if(document.referrer == ''){
window.location = "沒有referrer將跳轉的指定頁面地址";
}else{
window.history.go(-1);
}
}, false);
function pushHistory(){
var state = {
title: "title",
url: "#"
};
window.history.pushState(state, "title", "#");
}
uj5u.com熱心網友回復:
用cookie不好。應該用sessionStorage
<script type="text/javascript">
var historyArr = JSON.parse(sessionStorage.historyArr||"[]");
console.log(historyArr);
if (historyArr[0] != location.href) {
historyArr.unshift(location.href);
sessionStorage.historyArr = JSON.stringify(historyArr);
}
function historyBack() {
if (historyArr.length<2) return;
historyArr.shift();
sessionStorage.historyArr = JSON.stringify(historyArr);
location.href = historyArr[0];
}
</script>
<input type="button" value="https://bbs.csdn.net/topics/回傳上一頁面" onclick="historyBack();" />
uj5u.com熱心網友回復:
完全不懂sessionStorage,請問如何在我那段代碼里執行呢?因為我每點一次手機上的物體按鍵,不管跳了多少次頁面,從哪跳轉過來就會回傳當前頁的上一級頁面,一直按回傳鍵一直向上一級頁面跳,直到回傳到最初進來的那一頁面時,再點回傳,回傳的是指定頁面鏈接。光是說都快把我弄暈了。。。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/89818.html
標籤:JavaScript
上一篇:jquery用load()函式,實作區域重繪,加載一個子頁面后,子頁面的css樣式失效,如何解決,???
下一篇:div模擬文本輸入框做字數限制 用substr限制 當字數達到后游標會回到開頭 用range物件限制但是洗掉的時候會從末尾開始洗掉 求大神幫忙看看 給點思路
