Question

（请理解，英语可能会一团糟。）

在这里尝试第一个问题。

我是一名学习网络编程的学生。我做了一个网络游戏。使用HTML，JavaScript。不使用Adobe Flash。

何时，如何在图像图层上选择一个图像？我拍了两张照片。使用网络游戏。

BackGround.png

此图片无效。只是背景图片。
go_Lobby.png

此图像有两个功能。
- 功能onClick = " go_Lobby() "
  
  href = "Lobby.html"，请转到大厅页面。
- 功能onMouseOver = " OverEvent() "
  
  将鼠标放在图像上时使用图像效果。

以下是代码：

<script>
  function go_lobby{<br/>
    location.herf="lobby.html";<br/>
  }
</script>
<body>
  <div style="position:absolute; z-index = 99;">
    <img src = "map.png"/>
  </div>
  <div style="posistion:absolute; z-index = 10;">
    <img src = "go_lobby.png" onclick = " go_lobby() " onMouseOver ="" />
  </div>
</body>

但与我的想法不同的是，当你点击大厅的任何地方时移动页面。

只有在选择“Lobby”图像时才能移动到页面？

Answer 1

您的JavaScript存在缺陷。

href拼写错误 - 因此您不会被重定向。
您的JavaScript中有<br/>，这将导致第二行无法执行。
您缺少函数声明中的括号。

将您的JavaScript更改为以下

<script>
  function go_lobby() {
    window.location.href = "lobby.html";
  }
</script>

现在，当您onclick go_lobby.png图片时，系统会调用go_lobby()功能，该功能会将窗口重定向至lobby.html。

测试运行

使用您当前的JavaScript，您可能会遇到这些错误（查看the console）

SyntaxError: Unexpected token {
SyntaxError: Unexpected token <
无页面重定向

Answer 2

这绝对是一团糟......

JavaScript代码中不应包含HTML标记，除非它在字符串中。你也有一个拼写错误 - 它是location.href而不是location.herf。此外，如果你在JavaScript中定义一个函数，它应该有一个函数关键字，函数名，函数参数，然后是函数体。如果您想使用JavaScript重定向，只需使用window.location。

将您的JavaScript部分修复为以下内容：

<script>
    function go_lobby() {
        window.location = "lobby.html";
    }
</script>

您的HTML中也有拼写错误。 posistion应为position。如果未事先设置空元素属性，则它们是多余的。此外，如果您为onclick之类的事件设置事件事件，那么您在那里的空间只会无用，并可能导致问题。

将您的HTML修复为：

<body>
    <div style="position:absolute; z-index = 99;">
        <img src="map.png" />
    </div>
    <div style="position:absolute; z-index = 10;">
        <img src="go_lobby.png" onclick="go_lobby()" />
    </div>
</body>

此后，图像onclick事件应触发重定向。

问：如何在图像层上选择一个图像？

2 个答案:

测试运行