JavaScript 图像隐藏

标签 javascript image hide

我正在用 javascript 制作游戏,我需要以下方面的帮助:

我想为变量创建一个 image = ,然后我只想在需要时显示图像。

所以我希望图像默认隐藏,但它总是显示我所做的一切。我只是一个初学者,我查看了此页面和互联网上的其他页面来帮助我:http://www.roseindia.net/javascript/javascriptexamples/javascript-hide-image.shtml

这是到目前为止的代码:

<html> <head></head>
<body>
     <img src="http://wwcdn.weddingwire.com/static/vendor/55001_60000/56375/thumbnails/64x‌​64_SQ_1342622451725-Matangiaerial.jpg"
          id="islandimg">
     <script type="text/javascript">
     var playermoney = 10000;
     var islandarray = new array;
     var car = 500; var watch = 100;
     var diamond = 2000;
     function hideImage() { 
          if (document.getElementById) {
               document.getElementById('islandimg').style.visibility = 'hidden';
          }
     </script>
</body></html>

代码中还有游戏的其他内容,但请忽略它。

最佳答案

有几个原因导致此方法不起作用

  1. 图像返回 404
  2. 如其他所述,array 未定义
  3. if 语句后缺少结尾 }

这是 JSFiddle 中的工作版本

这是带注释的 JS 部分

 var playermoney = 10000;
 var islandarray = new Array(); //array was undefined. 
 // a more concise way to write this by the way is: var islandarray = [];
 var car = 500; var watch = 100;
 var diamond = 2000;
 function hideImage() { 
      if (document.getElementById) {
           document.getElementById('islandimg').style.visibility = 'hidden';
      }
 }//Missing end braces 

 hideImage(); //missing call to the function 

顺便说一句,找出这些问题的最简单方法是查看 Chrome/Firefox 控制台,它会提示 array 变量问题等问题。

关于JavaScript 图像隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13315982/

相关文章:

javascript - Firefox 的右键单击检测

javascript - 无法使用javascript找到新窗口的href

JavaScript header 和原型(prototype)

android - 问题实现 9 个旧的 Androids Flakes

html - 无法查看淡入淡出图像?

ios - 隐藏/删除键盘上的按钮

asp.net - JavaScript 正则表达式返回最后一位数字和 ASP.Net 事件处理程序?

python - 在图像中绘制标记

javascript - 如何在网页中隐藏 javascript 代码?

django - 单击 django 调试工具栏上的 "hide",它从 Firefox 中完全消失了