Как сделать так, чтобы кнопка HTML открывалась в случайных ссылках в новой вкладке

Поэтому я создаю бесполезный веб-сайт, и мне нужно сделать кнопку, которая направляет людей на случайные веб-сайты в новых вкладках. У меня уже есть код кнопки случайной ссылки, но я не могу добавить его с новым кодом вкладки.

образец

var randomlinks=new Array(10)

 randomlinks[0]="http://ducksarethebest.com/"
 randomlinks[1]="http://cant-not-tweet-this.com/"
 randomlinks[2]="http://just-shower-thoughts.tumblr.com/"
 randomlinks[3]="http://www.fallingfalling.com/"
 randomlinks[4]="http://www.partridgegetslucky.com/"
 randomlinks[5]="http://ducksarethebest.com/"
 randomlinks[6]="http://cant-not-tweet-this.com/"
 randomlinks[7]="http://just-shower-thoughts.tumblr.com/"
 randomlinks[8]="http://www.fallingfalling.com/"
 randomlinks[9]="http://www.staggeringbeauty.com/"
 randomlinks[10]="http://www.trypap.com/"

function randomlink(){
window.location=randomlinks[Math.floor(Math.random()*randomlinks.length)]
}

Формат html

    <form method="post">
    <p><input type="button" name="B1" value="Random Link >>" onclick="randomlink()""window.open'"></p> 
</form>
    or
    <a href="javascript:randomlink()">Random Link</a>

1 ответ

  1. Вам нужно использовать window.open(url)вместо window.location(url).

    window.location(url) означает: установка url текущей вкладки.

    Ref: https://developer.mozilla.org/en-US/docs/Web/API/Window/open

    Пример: (не работает на StackOverflow вызывает изолированный кадр)

    var randomlinks = [];
    randomlinks[0]="http://ducksarethebest.com/";
    randomlinks[1]="http://cant-not-tweet-this.com/";
    randomlinks[2]="http://just-shower-thoughts.tumblr.com/";
    randomlinks[3]="http://www.fallingfalling.com/";
    randomlinks[4]="http://www.partridgegetslucky.com/";
    randomlinks[5]="http://ducksarethebest.com/";
    randomlinks[6]="http://cant-not-tweet-this.com/";
    randomlinks[7]="http://just-shower-thoughts.tumblr.com/";
    randomlinks[8]="http://www.fallingfalling.com/";
    randomlinks[9]="http://www.staggeringbeauty.com/";
    randomlinks[10]="http://www.trypap.com/";
    
    function randomlink(){
      window.open(randomlinks[Math.floor(Math.random()*randomlinks.length)]);
    }
    <form method="post">
        <p><input type="button" name="B1" value="Random Link >>" onclick="randomlink()"></p> 
    </form>
        or
    <a href="#" onclick="randomlink()">Random Link</a>