2014-04-30 76 views
0

我有一行,11列的表格。现在我生成了以下JavaScript代码,使用Button添加一个新行。 问题是,当我刷新页面时,我使用这个javascript添加的新行被丢失了。我希望他们永久保存在HTML文件中。如何才能做到这一点?如何将JavaScript生成的内容保存为HTML文件?

<script> 
function AddNewRow() 
{ 
    var table = document.getElementById("table1"); 
    var row = table.insertRow(1); 

    var cell0 = row.insertCell(0); 
    var cell1 = row.insertCell(1); 
    var cell2 = row.insertCell(2); 
    var cell3 = row.insertCell(3); 
    var cell4 = row.insertCell(4); 
    var cell5 = row.insertCell(5); 
    var cell6 = row.insertCell(6); 
    var cell7 = row.insertCell(7); 
    var cell8 = row.insertCell(8); 
    var cell9 = row.insertCell(9); 
    var cell10 = row.insertCell(10); 
</script> 
+0

想要将行*永久*保存在HTML文件中吗?你需要做那个服务器端。不确定你想要在这里完成什么。 – ElGavilan

+0

你使用PHP这样的服务器端语言吗? – Daniel

+0

不使用serverside。看,我问的是。 起初 - [链接](http://snag.gy/WbxWj.jpg)。 然后,我添加一个新的行作为[链接](http://snag.gy/fsHBB.jpg)。 现在,当我刷新时,没有新的行。就像老一样。 所以,我想将这个新行保存在HTML文件中。 – simranjazz

回答

0

HTML文件仍然无法访问到客户端服务器上,但它是完全有可能的浏览器保存的附加信息 - 无论是在HTML表单,或像XML更专注于存储的格式/ JSON。然后需要将其重新加载到Javascript中,并在每次启动页面时重新添加到页面中。

阅读Mozilla的localStorage文档 - 他们可以给你一个存储/加载的总体思路。使用innerHTML可读/可写属性,希望您对如何实现这一点有个概念。

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage#localStorage

相关问题