Onclick 从列表随机重定向

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

我正在尝试在我的网站上创建一个按钮,用于从新选项卡中的列表中打开随机页面。

我认为我已经非常接近了,但是当新选项卡打开时,它是一个“关于:空白”页面。

我不知道我哪里错了。

我尝试过的如下

`<html lang="en">
  <head>
    <title>Redirect From List</title>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
</head>
  <body>
      <div style="text-align:center;padding:15px;">
     
    <button style="text-align:center;" onclick="window.open()" type="button" name="" id="" class="btn btn-primary" btn-lg btn-block target="_blank">Random Website</button>    
    </div>
    <script>
        var links = [
        "http://www.google.com",
        "http://www.yahoo.com",
        "http://www.bing.com",
        "http://www.duckduckgo.com"
    ]

    function openLink() {
        var i = parseInt(Math.random() * links.length);
            location.href = links[i];
    }
</script>
</body>
</html>`

我使用 google、yahoo、bing、duckduckgo 作为占位符网站,我希望这样当我单击按钮时,我的 Var 链接列表中的随机网页将打开,以便我可以在添加内容时更新 URL .

但是,现在会打开一个新选项卡,但不会打开列表中的任何网页。我是否遗漏了一个错误?

javascript html random onclick
1个回答
0
投票

您需要将 openLink 分配给您的按钮。 就在这儿 onclick="openLink()"

按钮样式=“文本对齐:居中;” onclick="openLink()" type="button" name="" id="" class="btn btn-primary" btn-lg btn-block target="_blank">随机网站

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