我正试图在我的网站上创建一个按钮,该按钮可以在新选项卡中打开列表中的随机页面.

我想我已经很接近了,但是当一个新的标签打开时,它是一个"关于:空白"的页面.

我不确定我做错了什么.

我试过的内容如下

`<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>`

我正在使用谷歌、雅虎、必应、DuckDuckGo作为占位符网站,我想要它,这样当我点击按钮时,我的变量链接列表中的一个随机网页将会打开,这样我就可以在添加内容时更新URL.

然而,现在会打开一个新的选项卡,但它不会打开列表中的任何网页.我是不是漏掉了什么错误?

推荐答案

下面是工作:

<div style="text-align:center;padding:15px;">
  <button style="text-align:center;" onclick="openLink()" type="button" name="" id="">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);
  window.open(links[i], '_blank');
}
</script>

Javascript相关问答推荐

使脚本兼容于其他YouTube URL格式

如何在加载的元数据上使用juserc和await中获得同步负载?

获取表格的左滚动位置

是否有方法在OpenWeatherMap API中获取过go 的降水数据?

使用useup时,React-Redux无法找到Redux上下文值

如何在Angular中插入动态组件

微软Edge编辑和重新发送未显示""

使搜索栏更改语言

如何禁用附加图标点击的v—自动完成事件

google docs boldText直到按行执行应用脚本错误

从包含数百行的表中获取更改后的值(以表单形式发送到后端)的正确方法是什么?

我可以使用使用node.js创建的本地主机来存储我网站上提交的所有数据吗?没有SQL或任何数据库.只有HTML语言

将核心模块导入另一个组件模块时存在多个主题

为什么我的自定义元素没有被垃圾回收?

当用户点击保存按钮时,如何实现任务的更改?

使用带有HostBinding的Angular 信号来更新样式?

以编程方式聚焦的链接将被聚焦,但样式不适用

使用RxJS from Event和@ViewChild vs KeyUp事件和RxJS主题更改输入字段值

使用createBrowserRoutVS BrowserRouter的Reaction路由

react 路由DOM有条件地呈现元素