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程序设计有所帮助。

Javascript 相关文章推荐
JavaScript的单例模式 (singleton in Javascript)
Jun 11 Javascript
修复IE9&amp;safari 的sort方法
Oct 21 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
Dec 19 Javascript
jquery中的$(document).ready()使用小结
Feb 14 Javascript
javascript使用正则获取url上的某个参数
Sep 04 Javascript
显示今天的日期js代码(阳历和农历)
Sep 30 Javascript
Bootstrap轮播图学习使用
Feb 10 Javascript
如何理解Vue的render函数的具体用法
Aug 30 Javascript
Vue.js路由实现选项卡简单实例
Jul 24 Javascript
vue中keep-alive,include的缓存问题
Nov 26 Javascript
vue新建项目并配置标准路由过程解析
Dec 09 Javascript
Vue实现简单计算器
Jan 20 Vue.js
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
一个PHP数组应该有多大的分析
2009/07/30 PHP
PHP得到mssql的存储过程的输出参数功能实现
2012/11/23 PHP
php后台如何避免用户直接进入方法实例
2013/10/15 PHP
php+ajax实现无刷新分页的方法
2014/11/04 PHP
php获取四位字母和数字的随机数的实现方法
2015/01/09 PHP
使用php转义输出HTML到JavaScript
2015/03/27 PHP
laravel框架查询数据集转为数组的两种方法
2019/10/10 PHP
Laravel框架Eloquent ORM删除数据操作示例
2019/12/03 PHP
JavaScript触发器详解
2007/03/10 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
js动态添加删除,后台取数据(示例代码)
2013/11/25 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
jQuery实现点击小图显示大图代码分享
2015/08/25 Javascript
用js实现博客打赏功能
2016/10/24 Javascript
VueJS组件之间通过props交互及验证的方式
2017/09/04 Javascript
基于javascript实现贪吃蛇经典小游戏
2020/04/10 Javascript
js简单实现自动生成表格功能示例
2020/06/02 Javascript
对python3中pathlib库的Path类的使用详解
2018/10/14 Python
python TK库简单应用(实时显示子进程输出)
2019/10/29 Python
Python的pygame安装教程详解
2020/02/10 Python
python 画图 图例自由定义方式
2020/04/17 Python
美国顶尖折扣时尚购物网:Bluefly
2016/08/28 全球购物
欧舒丹澳洲版:L’OCCITANE
2017/07/17 全球购物
英国和世界各地鲜花速递专家:Arena Flowers
2018/02/10 全球购物
幼儿园秋游活动方案
2014/01/21 职场文书
毕业生找工作求职信
2014/08/05 职场文书
2014学习优秀共产党员先进事迹材料思想汇报
2014/09/14 职场文书
2014教师党员自我评议(5篇)
2014/09/20 职场文书
教师节标语大全
2014/10/07 职场文书
餐饮食品安全责任书
2015/01/29 职场文书
司机岗位职责范本
2015/04/10 职场文书
2015年小学生暑假总结
2015/07/13 职场文书
解决Pytorch修改预训练模型时遇到key不匹配的情况
2021/06/05 Python
Ajax 的初步实现(使用vscode+node.js+express框架)
2021/06/18 Javascript
记一次Mysql不走日期字段索引的原因小结
2021/10/24 MySQL
python 多态 协议 鸭子类型详解
2021/11/27 Python