Javascript 保存用户在重新加载/刷新后所做的输入
我想添加一个功能,每当用户刷新、重新加载甚至关闭页面时,用户都可以看到用户之前输入的数据或在Javascript 保存用户在重新加载/刷新后所做的输入,javascript,html,jquery,css,Javascript,Html,Jquery,Css,我想添加一个功能,每当用户刷新、重新加载甚至关闭页面时,用户都可以看到用户之前输入的数据或在中选择的数据 此外,当用户进行更新和刷新时,他们会显示能够看到更改 let doc、htm、bod、nav、M、I、S、Q、hC、aC、rC、tC;//用于其他负载 addEventListener('load',()=>{ doc=文件; htm=doc.documentElement; bod=文件正文; 导航=导航器; M=tag=>doc.createElement(标记); I=id=>doc
中选择的数据
此外,当用户进行更新和刷新时,他们会显示能够看到更改
let doc、htm、bod、nav、M、I、S、Q、hC、aC、rC、tC;//用于其他负载
addEventListener('load',()=>{
doc=文件;
htm=doc.documentElement;
bod=文件正文;
导航=导航器;
M=tag=>doc.createElement(标记);
I=id=>doc.getElementById(id);
mobile=/Mobi/i.test(nav.userAgent);
S=(选择器,在范围内)=>{
设w=在| | doc内;
返回w.querySelector(选择器);
}
Q=(选择器,内部)=>{
设w=在| | doc内;
返回w.querySelectorAll(选择器);
}
hC=(节点,类名)=>{
返回node.classList.contains(className);
}
aC=(节点,…类名)=>{
node.classList.add(…classNames);
返回aC;
}
rC=(节点,…类名)=>{
node.classList.remove(…classNames);
返回rC;
}
tC=(节点,类名)=>{
node.classList.toggle(className);
返回tC;
}
//上面的小库-可以使用加载事件*(除了//结束加载行)将下面的魔术放到另一个页面上*
常数trs=Q('tbody>tr'),
trsL=trs.length,
prs=Q('tfoot>tr>td+td'),
prsM=prs.length-1,
ya=[];
函数showAverages(){
设total=0;
for(设p=0,c,t,l=ya.length;p{
ya[i][n]=s.value=='Yes'?1:0;
showAverages();
}
}
}
showAverages();
});代码>
*{
/*将字体大小设置为单独,以避免出现空白问题*/
框大小:边框框;
字号:0;
填充:0;
保证金:0;
}
p{
字体:斜体16px乔治亚,加拉蒙,衬线;
}
/*增加-----------------*/
p跨度{
颜色:黑色;
字体:粗体16px乔治亚,加拉蒙,衬线;
}
/* ---------------- */
桌子{
宽度:100%;
表布局:固定;
边界塌陷:塌陷;
}
thead*,
t英尺*{
字体:粗体16px Arial,san衬线;
}
t正文*{
字体:15px Arial,无衬线;
}
运输署,
th{
宽度:90px;
边框:1px实心#ccc;
文本对齐:左对齐;
填充:8px;
}
tr:n个孩子(偶数){
背景:ddd;
}
tfoot>tr>td:not(:最后一个孩子):之后{
内容:“”;
字体大小:粗体;
}
平均数
查找和显示平均值:
月
简
二月
破坏
四月
也许
六月
七月
八月
九月
十月
十一月
12月
总平均数
响应百分比
购买办公用品
对
不
对
不
对
不
对
不
对
不
对
不
对
不
对
不
对
不
对
不
对
不
对
不
节省超过25000美元
对
不
对
不
对
不
对
不
对
不
对
不
对
不
对
不
对
不
对
不
对
不
对
不
储蓄
对
不
对
不
对
不
对
不
对
不
对
不
对
不
对
localStorage.setItem("lastname", "Smith");
// Retrieve
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
localStorage.setItem("savetab", JSON.stringify(ya));
ya = JSON.parse(localStorage.getItem("savetab"));
after you rebuild your display yes or no for each row/column
for(var row = 0; row < 6; row++){
for(var col = 0; col < 12; col++){
$("select").eq(row * 12 + col).val(ya[row, col] == 1 ? "Yes" : "No");
}
}
//restore your data here before calling the function average
showAverages();
});