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