色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery 頁面跳轉保存上個頁面

榮姿康1年前8瀏覽0評論

jQuery是一個JavaScript的庫,它可以幫助我們加強JavaScript的功能。其中一個非常有用的功能就是頁面跳轉時保存上個頁面的狀態。以下是一個簡單的實現方案:

$(document).ready(function() {
// 當頁面準備就緒時,檢查是否有要保存的狀態。
var stateObject = {};
var title = "";
var currentState = history.state;
if (currentState !== null) {
stateObject = currentState.stateObject;
title = currentState.title;
}
// 為鏈接添加一個點擊事件監聽器,將當前狀態保存。
$("a").click(function(e) {
e.preventDefault();
var href = $(this).attr("href");
stateObject = { "url": href };
title = $(this).text();
history.pushState({ "stateObject": stateObject, "title": title }, title, href);
window.location.href = href;
});
// 當用戶點擊瀏覽器的“后退”按鈕時,重載頁面并恢復之前保存的狀態。
window.addEventListener("popstate", function(e) {
if (e.state !== null) {
stateObject = e.state.stateObject;
title = e.state.title;
window.location.href = stateObject.url;
}
});
});

這段代碼使用HTML5的History API來實現狀態的保存和恢復。它會在用戶點擊鏈接時保存當前的URL和頁面標題,并將其加入到瀏覽器的歷史記錄中。稍后,當用戶點擊瀏覽器的“后退”按鈕時,它會通過popstate事件監聽器恢復瀏覽器的狀態。