Javascript 有两个html页面。我希望在从下一页恢复到第一页时保存第一页的数据状态

Javascript 有两个html页面。我希望在从下一页恢复到第一页时保存第一页的数据状态,javascript,html,Javascript,Html,当我点击下一页的后退按钮时,复选框值不应重置 它应该与我选中或未选中的相同。第一页和下一页的代码如下 首页 欧洲经委会 CSE ISE 函数dropFunction(){ var branch=document.getElementsByName(“代码”); var out=“”; 对于(变量i=0;i

当我点击下一页的后退按钮时,复选框值不应重置

它应该与我选中或未选中的相同。第一页和下一页的代码如下

首页

欧洲经委会
CSE
ISE



函数dropFunction(){ var branch=document.getElementsByName(“代码”); var out=“”; 对于(变量i=0;i
下一页

欢迎来到
欢迎来到第页
我们开始
大家好


回去 函数goBack(){ window.location.href=“first.html”; }
完整解决方案:。首先将ID添加到您的复选框:

    <input type="checkbox" name="code" value="ECE" id='1'>ECE<br>
    <input type="checkbox"  name="code" value="CSE" id='2'>CSE<br>
    <input type="checkbox"  name="code" value="ISE" id='3'>ISE<br>
    <input id="spy"  style="visibility:hidden"/>
ECE
CSE
ISE
然后更改dropFunction:

function dropFunction() {
    var branch = document.getElementsByName("code");
    var out = "";

    localStorage.clear();

    for (var i = 0; i < branch.length; i++)
        if (branch[i].checked == true)     
            localStorage.setItem(branch[i].id, true);

    for (var i = 0; i < branch.length; i++) {
        if (branch[i].checked == true) {
            out = out + branch[i].value + " ";
            window.location.href="next.html";    
        }
    }

}
函数dropFunction(){
var branch=document.getElementsByName(“代码”);
var out=“”;
localStorage.clear();
对于(变量i=0;i
并向first.html添加一些新的javascript代码:

window.onload = function() {                  
     var spy = document.getElementById("spy");

     if(spy.value=='visited')
         for(var i=1;i<=3;i++)
             if(localStorage.getItem(i))
                document.getElementById(i).checked=true;
     spy.value = 'visited';                            
}
window.onload=function(){
var spy=document.getElementById(“spy”);
if(spy.value=='visted')

对于(var i=1;iSince HTTP是无状态的,您需要将这些更改存储在会话、cookie、浏览器的本地存储或数据库中。如何存储这些更改。您知道任何示例代码。当我通过选中复选框中的“开”来单击“在第一页中保存”时,它会在页面中显示错误,而不会移动到下一页抱歉,我犯了一个小错误-不必要的错误标记-“{”,请检查:我很高兴,迟到总比不迟到好。如果我关闭窗口并再次打开文件,则复选框应重置。是否可能?是的,再次检查,我只添加了一行:
If(document.referer.indexOf('next.html')!=-1)
窗口内。onload
函数。从next.html页面返回后尝试刷新页面。
function dropFunction() {
    var branch = document.getElementsByName("code");
    var out = "";

    localStorage.clear();

    for (var i = 0; i < branch.length; i++)
        if (branch[i].checked == true)     
            localStorage.setItem(branch[i].id, true);

    for (var i = 0; i < branch.length; i++) {
        if (branch[i].checked == true) {
            out = out + branch[i].value + " ";
            window.location.href="next.html";    
        }
    }

}
window.onload = function() {                  
     var spy = document.getElementById("spy");

     if(spy.value=='visited')
         for(var i=1;i<=3;i++)
             if(localStorage.getItem(i))
                document.getElementById(i).checked=true;
     spy.value = 'visited';                            
}