使用 JavaScript 在 HTML 中创建一个重定向按钮

这是我尝试使用并嵌入在Google协作平台页面中的代码：

<!DOCTYPE html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Please follow the link below</title>
    <script>
    var urls = [
        "http://www.kittenwar.com/",
        'http://heeeeeeeey.com/',
        'http://eelslap.com/',
        'http://www.staggeringbeauty.com/',
        'http://www.omfgdogs.com/',
        'http://burymewithmymoney.com/',
        'http://www.fallingfalling.com/',
        'http://ducksarethebest.com/',
        'http://www.republiquedesmangues.fr/',
        'http://www.trypap.com/',
    ];
    function goSomewhere() {
        var url = urls[Math.floor(Math.random()*urls.length)];
        window.location = url; // redirect
    }
</script>
</head>
<body>
</body>

</html>

如何完成此操作，以便在我的 Google 协作平台页面中显示一个按钮，该按钮会将您随机分配到列出的链接数组之一？

通过添加一个简单的按钮并调用javascript函数。您需要在您的谷歌网站帐户中进行一些调整。您可以参考此链接在您的帐户中进行相应的更改。

http://www.thelandscapeoflearning.com/2014/05/did-you-know-google-sites-no-longer.html

和

https://help.mofuse.com/hc/en-us/articles/226313408-Redirect-Setup-Google-Sites

 var urls = [
      "http://www.kittenwar.com/",
      'http://heeeeeeeey.com/',
      'http://eelslap.com/',
      'http://www.staggeringbeauty.com/',
      'http://www.omfgdogs.com/',
      'http://burymewithmymoney.com/',
      'http://www.fallingfalling.com/',
      'http://ducksarethebest.com/',
      'http://www.republiquedesmangues.fr/',
      'http://www.trypap.com/',
    ];
    function goSomewhere() {
      var url = urls[Math.floor(Math.random() * urls.length)];
      window.location = url; // redirect
    }

<!DOCTYPE html>
<html lang="en-US">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Please follow the link below</title>
</head>
<body>
<button onclick="goSomewhere();">Redirect</button>
</body>
</html>

在正文中

<button onclick="goSomewhere();">Click me</button>

相关内容

最新更新

热门标签：