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