2014-04-30 122 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

相關問題