Question

Javascript代码：

<script type="text/javascript">
  function react() {
     document.getElementById("img").src = second.jpg
  }
</script>

Html页面：

<div style="width:170px;height:160px;border:2px solid blue">
 <img src="first.jpg" style="width:inherit;height:inherit" id="img" onload="setTimeout('react()', 15000)"/>
</div>

请将图像中的图像更改，因为它意味着在15000毫秒内从first.jpg更改为second.jpg，由setTimeout（）函数设置

Answer 1

second.jpg表示“jpg对象的second属性”（之前未提及，因此会引发引用错误）。

您需要使用字符串文字："second.jpg"。

Answer 2

second.jpg应该在引号中，

<script type="text/javascript">
 function react() {
  document.getElementById("img").src = 'second.jpg';
 }
</script>

Answer 3

字符串值必须介于引号之间。另外，您应该在onload代码中添加<body>个事件。

document.getElementById（“img”）。src ='second.jpg';

Answer 4

应该引用

second.jpg并且setTimeout接受函数引用：

<script type="text/javascript">
  function react() {
     document.getElementById("img").src = "second.jpg"
  }
</script>

<div style="width:170px;height:160px;border:2px solid blue">
 <img src="first.jpg" style="width:inherit;height:inherit" id="img" onload="setTimeout(react, 15000);"/>
</div>

Answer 5

IMG标记不支持onload属性。将其移至body标签：

<body onload="setTimeout('react()', 15000)">
  <div style="width:170px;height:160px;border:2px solid blue">
   <img src="first.jpg" style="width:inherit;height:inherit" id="img" />
  </div>
</body>

另外，在引号中将second.jpg括在您的react函数中。

onload事件事件javascript没有响应

5 个答案: