Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/email/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript添加永久html元素_Javascript_Html - Fatal编程技术网

使用javascript添加永久html元素

使用javascript添加永久html元素,javascript,html,Javascript,Html,当我为HTML创建TD元素时,我希望它在页面刷新后留在那里。现在,当我刷新页面时,元素就消失了。 有人能给我一些解决这个问题的建议吗 if(SkottX==posX&&SkottY>=510){ 警惕(“你的最终分数是”+分数); myFunction(); location.reload(); } 函数myFunction(){ var table=document.getElementById(“表格”); var行=table.insertRow(0); var cell1=行插入单元格

当我为HTML创建TD元素时,我希望它在页面刷新后留在那里。现在,当我刷新页面时,元素就消失了。 有人能给我一些解决这个问题的建议吗

if(SkottX==posX&&SkottY>=510){
警惕(“你的最终分数是”+分数);
myFunction();
location.reload();
}
函数myFunction(){
var table=document.getElementById(“表格”);
var行=table.insertRow(0);
var cell1=行插入单元格(0);
var cell2=行插入单元格(1);
cell1.innerHTML=“分数:”;
cell2.innerHTML=分数;
}

表,td{
边框:1px纯黑;
}
运输署{
高度:20px;
宽度:25px;
}
开始

如果只修改当前页面的内存中DOM,那么这就是您要修改的全部内容

要持久保存更改,您需要显式存储它们

有两种基本方法:

  • 将它们存储在客户端的某个位置(例如
    localStorage
    ),并使用JavaScript查找页面加载时存储的数据,如果发现任何更改,则重新应用这些更改
  • 向服务器发出HTTP请求(例如使用
    XMLHttpRequest
    ),并使用服务器端代码存储更改。如果采用这种方法,您可能希望使用服务器端和数据库中的数据生成页面

  • 您需要将数据保存在某个位置,如数据库或浏览器本地存储