我正在用 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/64x64_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>
代码中还有游戏的其他内容,但请忽略它。
最佳答案
有几个原因导致此方法不起作用
- 图像返回 404
- 如其他所述,
array
未定义 - 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/