Javascript 具有不同锚定目标的图像_Javascript_Html_Image_Target_Banner

Javascript 具有不同锚定目标的图像

javascript html image

Javascript 具有不同锚定目标的图像,javascript,html,image,target,banner,Javascript,Html,Image,Target,Banner,如何使“\u self”目标能够根据所选url进行更改？比如说网站1:_self 网站2:_blank 这可能吗 <html> <head> <title>Advertise Spot #1</title> <script> var links = ["http://www.website1.com","http://www.website2.com"]; var image

如何使“\u self”目标能够根据所选url进行更改？比如说

网站1:_self 网站2:_blank

这可能吗


<html>
   <head>
      <title>Advertise Spot #1</title>

   <script>
        var links = ["http://www.website1.com","http://www.website2.com"];
        var images = ["https://www.website1.com/Content/Banners/2019_8_21_11_41_193.png","https://www.website2.com/Content/Banners/2019_8_21_11_35_493.png"];
         var i = 0;
        var renew = setInterval(function(){
            if(links.length == i){
                i = 0;
            }
            else {
            document.getElementById("bannerImage").src = images[i]; 
            document.getElementById("bannerLink").href = links[i];
        i++;

        }
        },3000);
        </script>

<a id="bannerLink" href="http://www.website1.com" onclick="void window.open(this.href,"_self"); return false;">
<img id="bannerImage" src="https://www.website1.com/Content/Banners/2019_8_21_11_41_193.png" width="900" height="900" alt="Website Ads">
</a>

</html>


广告点#1
变量链接=[”http://www.website1.com","http://www.website2.com"];
变量图像=[”https://www.website1.com/Content/Banners/2019_8_21_11_41_193.png","https://www.website2.com/Content/Banners/2019_8_21_11_35_493.png"];
var i=0；
var renew=setInterval（函数（）{
如果（links.length==i）{
i=0；
}
否则{
document.getElementById（“bannerImage”）.src=images[i]；
document.getElementById（“bannerLink”）.href=links[i]；
i++；
}
},3000);

为什么不使用锚的href属性更改“target”属性

HTML:

小提琴手：

非常感谢，这似乎解决了我遇到的主要问题。问题是，除了目标问题之外，我也不知道如何将其扩展到3个或4个或更多的链接/网站和不同的目标。只需将您的信息放入一组对象中，如中所示

<a id="bannerLink" href="http://www.website1.com">
  <img id="bannerImage" src="https://picsum.photos/50" >
</a>

var links = [{
 href: "https://www.website1.com",
 img: "https://picsum.photos/id/237/100/100",
 self: true
},{
 href: "https://www.website2.com",
 img: "https://picsum.photos/id/235/100/100",
 self: true
}];

var i = 0;
var renew = setInterval(function(){
  if (links.length === i) {
    i = 0;
  }  else {
    document.getElementById("bannerLink").href = links[i].href; 
    document.getElementById("bannerLink").target = (links[i].self) ? "_self" : "_blank";;
    document.getElementById("bannerImage").src = links[i].img; 
    i++;
  }
},3000);