JavaScript 实现网页随机超链接地址生成

作者:青柠时间:2026-10-29 16:32:23浏览:625

本文介绍利用JavaScript的Math.random()函数在网页中实现随机超链接地址生成的方法。通过定义链接数组并随机选取索引,每次刷新页面即可动态更换跳转目标,适用于需要展示多个备选链接的场景。

JavaScript 实现网页随机超链接地址生成

本文通过具体实例,详细解析了如何使用JavaScript在网页中随机生成超链接地址。

该方案属于JavaScript的基础应用,其核心机制是每次刷新页面时自动更换显示的链接。尽管此类需求在日常开发中并不常见,但它能很好地展示Math.random()随机函数的实际用法与引导价值。

具体运行效果如下图所示:

JavaScript 实现网页随机超链接地址生成

如需查看在线演示,请访问以下地址:

http://demo.jb51.net/js/2015/js-math-rand-url-show-codes/

实现该功能的完整代码如下:


<html>
<head>
<title>在网页上随机产生超链接地址</title>
<script language="javascript">
<!--
  url = new Array();
  url[0] = "http://www.yahoo.com";
  url[1] = "https://www.jb51.net";
  url[2] = "http://www.baidu.com";
  i = Math.random() * url.length;
  i = Math.floor(i);
  str = "<a id='linkID' href='" + url[i] + "'>";
-->
</script>
</head>
<body>
<script language="javascript">
<!--
  document.write(str + "本链接是随机产生的,刷新页面会更换。</a><br>");
  document.write(linkID.href);
//-->
</script>
</body>
</html>

希望上述内容能对读者的JavaScript编程学习提供有益参考。

作者最新文章