用javascript添加一個永久的html元素

Question

我想這樣做，當我為HTML創建TD元素時，我希望它在頁面刷新后保留在那里。 現在，當我刷新頁面時，該元素就消失了。 有人可以給我一些解決此問題的提示嗎？

 if(SkottX == posX && SkottY >= 510){ alert("Your Finale Score is " + Score); myFunction(); location.reload(); } function myFunction() { var table = document.getElementById("table"); var row = table.insertRow(0); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); cell1.innerHTML = "Score:"; cell2.innerHTML = Score; }

 <html> <head> <meta charset="UTF-8"> <style> table, td { border: 1px solid black; } td{ height: 20px; width: 25px; } </style> </head> <body onLoad="Initialise()"> <canvas id="myCanvas" width="900" height="600" style="border:10px solid #000070"> </canvas> <button onclick="gameState = states.RUNNING">Start!</button> <table id="table" height="900" width="1200" style="display: inline-block"> </table> <script src="JSgameStarship3.js"> </script> </body> </html>

Answer 1

如果僅修改當前頁面的內存中DOM，則僅需修改。

要保留更改，您需要顯式存儲它們。

有兩種基本方法：

將它們存儲在客戶端上的某個位置（例如，在localStorage ），並使用JavaScript查找隨頁面加載存儲的數據，並在發現任何更改時重新應用更改。
向服務器發出HTTP請求（例如，使用XMLHttpRequest ），並使用服務器端代碼存儲更改。 如果采用這種方法，則可能需要使用服務器端和和數據庫中的數據來生成頁面。

用javascript添加一個永久的html元素

問題描述

1 個解決方案

解決方案1
1 已采納 2017-11-30 09:25:06

用javascript添加一個永久的html元素

問題描述

1 個解決方案

解決方案1 1 已采納 2017-11-30 09:25:06

解決方案1
1 已采納 2017-11-30 09:25:06