编程 Javascript

JS实现网页上随机产生超链接地址的方法

Posted in Javascript onNovember 09, 2015

本文实例讲述了JS实现网页上随机产生超链接地址的方法。分享给大家供大家参考，具体如下：

这是一个JavaScript的应用，每刷新一次页面，会自动更换一次链接，虽然不常用，不过对Javascript随机函数Math.random() 的使用将直到引导作用。

运行效果截图如下：

JS实现网页上随机产生超链接地址的方法

在线演示地址如下：

具体代码如下：

<html>
<head>
<title>在网页上随机产生超链接地址</title>
<script language="javascript">
<!--
  url = new Array();
  url[0] = "http://www.yahoo.com";
  url[1] = "https://3water.com";
  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程序设计有所帮助。

JS实现网页上随机产生超链接地址的方法

- Author -

企鹅

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

js类中获取外部函数名的方法与代码

Sep 12 Javascript

Javascript学习笔记 delete运算符

Sep 13 Javascript

原生javascript实现DIV拖拽并计算重复面积

Jan 02 Javascript

JS+CSS实现表格高亮的方法

Aug 05 Javascript

深入解析JavaScript的闭包机制

Oct 20 Javascript

妙用Bootstrap的 popover插件实现校验表单提示功能

Aug 29 Javascript

bootstrap——bootstrapTable实现隐藏列的示例

Jan 14 Javascript

JQuery页面随滚动条动态加载效果的简单实现(推荐)

Feb 08 Javascript

详解angularjs获取元素以及angular.element()用法

Jul 25 Javascript

vue favicon设置以及动态修改favicon的方法

Dec 21 Javascript

Vue匿名插槽与作用域插槽的合并和覆盖行为

Apr 22 Javascript

JS精髓原型链继承及构造函数继承问题纠正

Jun 16 Javascript

JavaScript获取页面中超链接数量的方法

Nov 09 #Javascript

window.location.hash知识汇总

Nov 09 #Javascript

JavaScript实现简单获取当前网页网址的方法

Nov 09 #Javascript

JavaScript识别网页关键字并进行描红的方法

Nov 09 #Javascript

JS实现兼容性较好的随屏滚动效果

Nov 09 #Javascript

初步了解javascript面向对象

Nov 09 #Javascript

js面向对象之常见创建对象的几种方式(工厂模式、构造函数模式、原型模式)

Nov 09 #Javascript

You might like

Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法

2010/12/29 PHP

解析VS2010利用VS.PHP插件调试PHP的方法

2013/07/19 PHP

php清空（删除）指定目录下的文件，不删除目录文件夹的实现代码

2014/09/04 PHP

php的ddos攻击解决方法

2015/01/08 PHP

PHP实现超简单的SSL加密解密、验证及签名的方法示例

2017/08/28 PHP

php数据结构之顺序链表与链式线性表示例

2018/01/22 PHP

网站被黑的假象--ARP欺骗之页面中加入一段js

2007/05/16 Javascript

javascript两种function的定义介绍及区别说明

2013/05/02 Javascript

javascript中的nextSibling使用陷(da)阱(keng)

2014/05/05 Javascript

a标签的href与onclick事件的区别详解

2014/11/12 Javascript

JS HTML5实现拖拽移动列表效果

2020/08/27 Javascript

NodeJS使用formidable实现文件上传

2016/10/27 NodeJs

常用原生js自定义函数总结

2016/11/20 Javascript

JS中绑定事件顺序（事件冒泡与事件捕获区别）

2017/01/24 Javascript

本地搭建微信小程序服务器的实现方法

2017/10/27 Javascript

在vue项目中使用Nprogress.js进度条的方法

2018/01/31 Javascript

解决vue项目报错webpackJsonp is not defined问题

2018/03/14 Javascript

JS中DOM元素的attribute与property属性示例详解

2018/09/04 Javascript

Element UI框架中巧用树选择器的实现

2018/12/12 Javascript

JavaScript 九种跨域方式实现原理

2019/02/11 Javascript

NodeJS开发人员常见五个错误理解

2020/10/14 NodeJs

深入理解Python3 内置函数大全

2017/11/23 Python

用Python实现筛选文件脚本的方法

2018/10/27 Python

pyqt5 禁止窗口最大化和禁止窗口拉伸的方法

2019/06/18 Python

Python绘制二维曲线的日常应用详解

2019/12/04 Python

美国卡车、吉普车和SUV零件网站：4 Wheel Parts

2016/11/24 全球购物

在C语言中实现抽象数据类型什么方法最好

2014/06/26 面试题

大学生个人总结的自我评价

2013/10/05 职场文书

团员学习总结的自我评价范文

2013/10/14 职场文书

护士个人自我鉴定

2014/03/24 职场文书

施工安全生产承诺书

2014/05/23 职场文书

公务员群众路线专题民主生活会发言材料

2014/09/17 职场文书

学生会干部自我鉴定2014

2014/09/18 职场文书

2015年初中生自我评价范文

2015/03/03 职场文书

2015个人半年总结范文

2015/03/09 职场文书

Python如何让字典保持有序排列

2022/04/29 Python