具有不同锚定目标的图像

问题描述 投票:0回答:1

如何获得“ _self”目标,使其可根据所选择的URL进行更改?因此,例如

website1:_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>


javascript html image target banner
1个回答
0
投票

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

HTML:

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

Javascript:

var links = ["http://www.website1.com","http://www.website2.com"];
var images = ["https://picsum.photos/id/237/100/100", "https://picsum.photos/id/289/100/100"];
var i = 0;
var renew = setInterval(function(){
  if (links.length === i) {
    i = 0;
  }  else {
    document.getElementById("bannerLink").href = links[i]; 
    var target = (links[i] === "http://www.website1.com") ? "__self" : "__blank";
    document.getElementById("bannerLink").target = target;
    document.getElementById("bannerImage").src = images[i];
    i++;
  }
},3000);

小提琴:https://jsfiddle.net/54yvpt1k/3/

© www.soinside.com 2019 - 2024. All rights reserved.