Question

使用 javascript 添加永久的 html 元素

2017-11-30

39

javascript html

我希望在为 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 ）并使用服务器端代码存储更改。如果您采用这种方法，您可能希望使用服务器端和数据库中的数据来生成页面。