西门子网络服务器在 html 中使用 JavaScript 更改图像

发布于 2025-01-16 08:04:48 字数 443 浏览 2 评论 0原文

我尝试使用 javascript 根据真/假条件动态更改 html 页面中的图片。如果变量为 0，则应在 html 页面中显示另一张图片；如果为 1，则应显示另一张图片。

项目中有很多图片需要更改，我需要一个可以执行此应用程序的功能。但我不知道是否可以使用单个函数来完成，或者我应该为每个变量使用一个函数。

西门子网络服务器是否通过键入 :="X": 自动应用变量更改：当 x 为 0 而不是 :="X" 时：数字 0 被替换；当 x 为 1 而不是 :="X" 时：数字 1 被替换。我熟悉 html 编码以及如何使用图像名称并在图像名称后添加 0 或 1 来更改图片。例如，我将一张图片命名为 stop0.png ，将另一张图片命名为 stop1.png 。现在在 html 代码中我输入 stop:="X":.png 这样图片会根据变量 x 变化但这种方法需要刷新页面才能显示变化。我想以最简单的方式做到这一点，而无需刷新页面。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

多像笑话 2025-01-23 08:04:48

hmi 应该设计在一个页面中（例如名为 test.htm），另一个带有以下代码的 html 页面将每秒更新“test.htm”中的所有内容。

<!DOCTYPE html>
<html>
<body>

<div id="demo">
  <h2>auto update page</h2>
</div>
<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "test.htm", true);
  xhttp.send();
}
setInterval("loadDoc()", 1000);
</script>
</body>
</html>

hmi should be designed in one page (for example named test.htm) and another html page with following code would update every thing in "test.htm" every second.

<!DOCTYPE html>
<html>
<body>

<div id="demo">
  <h2>auto update page</h2>
</div>
<script>
function loadDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
     document.getElementById("demo").innerHTML = this.responseText;
    }
  };
  xhttp.open("GET", "test.htm", true);
  xhttp.send();
}
setInterval("loadDoc()", 1000);
</script>
</body>
</html>

回复收藏 0 原文

~没有更多了~