如何使数组中的图像在被单击时移动到链接(URL)？
如何使数组中的图像在被单击时移动到链接(URL)？
提问于 2021-04-18 11:51:09
如果我的html是：
<div>
<input type="image" id = "mainImg> <br />
</div>
<div>
<input type="image" class = Button src = "buttonImg.jpg" onclick="showImage()">
</div>我的javascript是：
var imgArray = new Array ();
imgArray[0] = "image1.jpg"
imgArray[1] = "image2.jpg"
imgArray[2] = "image3.jpg"
imgArray[3] = "image4.jpg"
imgArray[4] = "image5.jpg"
var linkArray = new Array ();
linkArray[0] = "https://link1.com"
linkArray[1] = "https://link2.com"
linkArray[2] = "https://link3.com"
linkArray[3] = "https://link4.com"
linkArray[4] = "https://link5.com"
function diceCast(){return Math.floor(Math.random()*5);};
function showImage(){
var imgNum = diceCast();
var objImg = document.getElementById("mainImg");
objImg.src = imgArray[imgNum];
}我想做的是：
当我点击'imgArray‘->加载新页面时(例如_blank) 'linkArray‘
我是否必须将其设置为'imgArrayimgNum = linkArraylinkNum'？那我该怎么办呢？
或者教我如何让它更紧凑、更容易！
Stack Overflow用户
回答已采纳
发布于 2021-04-18 11:54:12
只需更改showImage函数来设置onclick属性即可。
function showImage(){
var imgNum = diceCast();
var objImg = document.getElementById("mainImg");
objImg.src = imgArray[imgNum];
objImg.onclick = ()=>window.open(linkArray[imgNum], '_blank');
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/67145017
复制相关文章
相似问题
腾讯云开发者
