Question

我正在制作一个点击式HTML游戏，同时学习自己编写代码。

当我测试东西时，我遇到了一个问题。我的javascript更改了一张图片，我没想到会这样做。

我的代码中的某处就是这张图片。

<img src="icon.jpg" id="img2">

其他地方就是这个剧本。

 <script >
 if (document.getElementById('img2').src="images.jpg") {
 window.alert("hi");
 }
 else { window.alert("bye");}
    </script>

所以，如果img2的图像源是images.jpg，你会得到一个警告“hi”，如果它不是images.jpg，你会得到一个警告“再见”。显然，该图像的来源是icon.jpg，这不是images.jpg，所以我期望它说“再见”。但它没有那样做。刷新或加载页面时，img2的来源会立即更改为images.jpg，我会收到“hi”警告。我该如何防止这种情况发生？

Answer 1

使等于双等于。 if (document.getElementById('img2').src=="images.jpg") {

＆＃13;

function changeImg(){
  document.getElementById('img2').src="http://placebear.com/200/300";
  window.setTimeout(checkImg,1000);

}
  
  function checkImg(){
  if (document.getElementById('img2').src=="http://placebear.com/300/200") {
 window.alert("hi");
 }
 else { window.alert("bye");}
  }
checkImg();

＆＃13;

<img src="http://placebear.com/300/200" id="img2"/>
<button type="button" onclick="changeImg()">Click to change and run test</button>

＆＃13;

Answer 2

更改脚本如下：

＆＃13;

if ( document.getElementById('img2').getAttribute('src') == "images.jpg" ) {
 	window.alert("hi");
  
}
else { 
	window.alert("bye");
}

＆＃13;

<img src="icon.jpg" id="img2">

＆＃13;

Javascript“If”语句更改html图像源

2 个答案: