【问题标题】:How Can I Create a button that links to multiple websites using this HTML outline?如何使用此 HTML 大纲创建链接到多个网站的按钮?
【发布时间】:2013-08-11 18:46:03
【问题描述】:

我只是想知道如何创建一个按钮,每次单击时,该按钮可以以随机顺序将一个人带到多个网站。我计划将此按钮用于我计划创建的工具栏,为 HTML 组件提供的大纲如下所示:

<html>
<head>
<!--
Uncomment out the below script reference as needed.  For more information on using the API, please consult http://www.conduit.com/Developers/overview.aspx
<script language="JavaScript" src="http://api.conduit.com/BrowserCompApi.js"></script>
-->
<style type= "text/css">
<!--
BODY {margin-left:0; margin-right:0; margin-top:0; margin-bottom:0;
width:100%;height:100%;overflow:hidden;background-color:threedface;}
-->
</style>
</head>
<body>

<!-- ENTER YOUR HTML HERE -->

</body>
</html>

有没有什么方法可以通过使用这个大纲来做到这一点?提前致谢。

【问题讨论】:

  • 随机顺序是什么意思?就像你第一次点击你去a.com,第二次你点击b.com?
  • 是的,我就是这个意思
  • 你至少可以接受一个答案,或者让我们知道它是否已修复:)

标签: html button random hyperlink


【解决方案1】:

正如其他人所建议的,只需单击按钮即可调用从数组中选择随机站点的函数。这里是对how to pick a random element from a Javascript array的解释。

示例实现

<script type="text/javascript">
    var websites = ["http://google.com", "http://reddit.com", "http://stackoverflow.com"];

function randomWebsite() {
    var website = websites[Math.floor(Math.random()*websites.length)];
    window.location = website;
}
</script>

<button type="button" onclick="randomWebsite();">Random website</button>

【讨论】:

    【解决方案2】:

    我不会为您编写脚本,但您希望使用 javascript 来执行此操作。使用随机函数并将您的网站 url 分配给适当的数字。

    例子:

    如果您总共有三个网站,那么您将执行随机函数并分配 0-.33 网站 1、0.34 - .66 网站 2 和 0.67 - 1 网站 3。

    【讨论】:

      【解决方案3】:

      为此你需要 Javascript。

      您可以拥有网站列表。 当点击按钮时,您可以使用javascript中的随机函数获取您将访问的网站。 这是使用数组时的示例,Getting a random value from a JavaScript array

      希望对你有帮助。

      我们不应该给你任何代码,因为你没有提供任何东西。但是你的算法应该遵循我提到的。

      【讨论】:

        【解决方案4】:

        我认为您需要 javascript 来执行此操作, 看看这个页面也许这可以帮助你

        http://ozirock.hubpages.com/hub/How-to-make-a-Random-Page-button-for-your-website

        【讨论】:

          猜你喜欢
          • 2013-08-05
          • 2020-07-26
          • 2018-09-15
          • 1970-01-01
          • 2021-01-14
          • 2014-12-29
          • 1970-01-01
          • 2020-06-27
          • 1970-01-01
          相关资源
          最近更新 更多