步驟一：點擊按鈕，保存數據，跳轉頁面

$("#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會一直保存在本地就算關閉了瀏覽器下次進來還是會有記錄，sessionStorage 在關閉后會清除數據。

步驟二： 返回頁面回填表單

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); }

步驟三：清除數據

sessionStorage.removeItem('seek_register_info');

這里一定要清除數據，否則刷新頁面表單數據也不會清除。

PS: 關于返回頁面不執行js的問題看這篇文章：返回頁面不執行js問題

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。