不确定这是否有点模糊，但我目前正在努力解决客户端与服务器端的交互方式。我从一个练习开始，以更好地理解点击事件，并意识到我不明白页面何时或如何刷新。
我有一些“跨度”标签。span 标签中有一个“onclick”，它在调用的函数中使用 innerHTML 在几个图像之间切换。我还有一个带有 onclick 的按钮，它将显示图像。
所有图像最初都在 body 标签中设置了 onload 函数。
显然发生的事情是，每当我单击跨度或按钮时，它都会联系服务器，这会导致它运行 onload 事件。我在一瞬间看到了一张图像，然后一切都回到了 onload 函数所说的内容。我尝试将 onload 从 body 标记中取出并使用单独的按钮运行 loadFunction()。结果基本一样。当我单击它时，图像会出现一瞬间然后消失。我尝试了一个从零开始并在 loadFunction() 结束时更改为 1 的全局变量，这允许在 loadFunction() 开始时使用 if 语句。同样的问题 - 变量每次都被重置为零，因为它在我的 javascript 文件顶部重新声明和设置全局变量。
对于整个服务器端客户端系统，显然有一些我没有学过的基础知识。如果有人认为他们知道那是什么，请告诉我。
调用函数的三行：
<body onload="loadFunction();">
<span id = "showImage1" onClick="formSubmit1()"> </span>
<button class="link" onclick="checkSquares();">Highlight</button>