gpt4 book ai didi

javascript - 简单的 Javascript onclick 图片库不起作用

转载 作者:行者123 更新时间:2023-11-30 16:01:41 24 4
gpt4 key购买 nike

我尝试将类似的代码应用于现有的 Stackoverflow 主题,该主题应用了以下代码:http://jsfiddle.net/zsNF5/4/

问题是:当我点击我的按钮时,我收到消息 Uncaught ReferenceError: ic1 is not defined

function ImageCollection(images) {
this.images = images;
this.i = 0;

this.no = function(imgId) {
var img = document.getElementById(imgId);
this.i++;
if (this.i == images.length)
this.i = 0;
img.src = images[this.i];
}

this.yes = function(imgId) {
var img = document.getElementById(imgId);
this.i++;
if (this.i == images.length)
this.i = 0;
img.src = images[this.i];
}
}

var ic1 = new ImageCollection(
['images/test.jpg', 'images/no1.jpg', 'images/no2.jpg']
);

代码中定义了变量ic1,这就是我感到困惑的原因。

这是我的 html:

<!DOCTYPE html>
<html>
<head>
<title>Face or no face</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<script type="javascript.js"></script>
</head>
<body>
<div class="title">
<h1 >IS THIS A FACE?</h1>
</div>
<img class="photo" src="images/test.jpg">
<div class="container">
<form method="post" action="store.php">
<input type='button' class="button1" value='NO' onclick='ic1.no("container")' />
<input type='button' class="button2" value='YES' onclick='ic1.yes("container")' />
</form>
</div>
</body>
</html>

我希望我清楚,因为我的 JS 技能显然非常有限。谢谢!

最佳答案

您正在使用 var 关键字来定义 ic1。这将它限制在可能不是窗口的最近范围内。将其定义为全局 do

window.ic1 = new ImageCollection(
['images/test.jpg', 'images/no1.jpg', 'images/no2.jpg']
);

关于javascript - 简单的 Javascript onclick 图片库不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37633844/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com