在Javascript中以编程方式将唯一onclick设置为循环中的imgs
所以我有这个图库页面，其中有多个在Javascript中以编程方式将唯一onclick设置为循环中的imgs,javascript,html,loops,onclick,Javascript,Html,Loops,Onclick,所以我有这个图库页面，其中有多个 现在，考虑到所有这些 我做错了什么 编辑：其他信息 imagePage.html imgView.onclick = function() {openWebpage(imgSrc);}; 试试这个 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/imagePage
现在，考虑到所有这些
我做错了什么
编辑：其他信息
imagePage.html
imgView.onclick = function() {openWebpage(imgSrc);};
试试这个
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/imagePage.css"/>
<script src="jscript/imageData.js"></script>
<script src="jscript/loadImageData.js"></script>
</head>
<ul>
<li><a href="homepage.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<body>
<div>
<h1 id="imageTitle">TESTTITLE</h1>
</div>
<div>
<img id="imageView">
</div>
<div class="boxed" id="imageDesc">
</div>
</body>
</html>
在循环的最后一次迭代中，您将imgSrc设置为图片22的url。因此，在单击事件中，函数openWebPage会在参数中使用该url激发 imagepage.html中有什么？在quetosinWait中升级了它我不明白，对于每个循环迭代中的每个图片，我都设置了一个源代码，这样“imgtag1”的src为“img1.jpg”，而“imgtag2”的src为“img2.jpg”。事实上，我将imgSrc设置为22是正确的，但这是第22张图片。当涉及到多个onclick时，是否有一些奇怪的东西？您正在为每个看起来像这样的图片设置click事件。。onclick=“openWebPage（imgSrc）”…当它触发时，它会查找imgSrc，它在循环的最后一次迭代中被设置为img22。
imgView.onclick = (function() {{openWebpage(imgSrc);}})();
imgView.onclick = function() {openWebpage(imgSrc);};
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="css/imagePage.css"/>
<script src="jscript/imageData.js"></script>
<script src="jscript/loadImageData.js"></script>
</head>
<ul>
<li><a href="homepage.html">Home</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="about.html">About</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
<body>
<div>
<h1 id="imageTitle">TESTTITLE</h1>
</div>
<div>
<img id="imageView">
</div>
<div class="boxed" id="imageDesc">
</div>
</body>
</html>
window.onload = function() {
var imageSrc = opener.document.title;
var imageDesc = map[imageSrc];
var imageView = document.getElementById("imageView");
var imageDescView = document.getElementById("imageDesc");
imageView.src = imageSrc;
imageDescView.innerHTML = imageDesc;
};
imgView.addEventListener("click", function() {openWebpage(imgSrc);});