步驟一：點(diǎn)擊按鈕，保存數(shù)據(jù)，跳轉(zhuǎn)頁(yè)面

$("#userAgree").on("click",function(){var obj = {};obj.username = $("[name=username]").val();obj.telephone = $("[name=telephone]").val();obj.verifiyCode = $("[name=verifiyCode]").val();obj.inviteCode = $("[name=inviteCode]").val();obj.agree = $("#agree").prop("checked");sessionStorage.setItem('seek_register_info',JSON.stringify(obj)); });

這里用sessionStorage 的原因是：localStorage會(huì)一直保存在本地就算關(guān)閉了瀏覽器下次進(jìn)來(lái)還是會(huì)有記錄，sessionStorage 在關(guān)閉后會(huì)清除數(shù)據(jù)。

步驟二： 返回頁(yè)面回填表單

var registerInfo = JSON.parse(sessionStorage.getItem('seek_register_info')); if(registerInfo){var username = registerInfo.username;var telephone = registerInfo.telephone;var verifiyCode = registerInfo.verifiyCode;var inviteCode = registerInfo.inviteCode;var agree = registerInfo.agree;$("[name=username]").val(username);$("[name=telephone]").val(telephone);$("[name=verifiyCode]").val(verifiyCode);if(inviteCode && (inviteCode!='')){$("[name=inviteCode]").val(inviteCode).attr("disabled",true);}$("#agree").prop("checked",agree); }

步驟三：清除數(shù)據(jù)

sessionStorage.removeItem('seek_register_info');

這里一定要清除數(shù)據(jù)，否則刷新頁(yè)面表單數(shù)據(jù)也不會(huì)清除。

PS: 關(guān)于返回頁(yè)面不執(zhí)行js的問(wèn)題看這篇文章：返回頁(yè)面不執(zhí)行js問(wèn)題

總結(jié)

以上是生活随笔為你收集整理的浏览器填写数据，跳转页面返回数据不消失的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。