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 相关文章推荐
jQuery 核心函数以及jQuery对象
Mar 23 Javascript
防止按钮在短时间内被多次点击的方法
Mar 10 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
Jun 10 Javascript
避免jQuery名字冲突 noConflict()方法
Jul 30 Javascript
浅谈javascript:两种注释,声明变量,定义函数
Sep 29 Javascript
详解在Angularjs中ui-sref和$state.go如何传递参数
Apr 24 Javascript
浅谈Node.js CVE-2017-14849 漏洞分析(详细步骤)
Nov 10 Javascript
详解vue服务端渲染浏览器端缓存(keep-alive)
Oct 12 Javascript
React 组件渲染和更新的实现代码示例
Feb 21 Javascript
学习LayUI时自研的表单参数校验框架案例分析
Jul 29 Javascript
JQuery复选框全选效果如何实现
May 08 jQuery
vue实现井字棋游戏
Sep 29 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
PHP全概率运算函数(优化版) Webgame开发必备
2011/07/04 PHP
PHP函数extension_loaded()用法实例
2015/01/19 PHP
PHP中4种常用的抓取网络数据方法
2015/06/04 PHP
简单解析PHP程序的运行流程
2016/06/23 PHP
php微信公众号开发之秒杀
2018/10/20 PHP
零基础php编程好学吗
2019/10/11 PHP
Javascript里使用Dom操作Xml
2006/09/20 Javascript
jquery实现input输入框实时输入触发事件代码
2014/01/28 Javascript
jQuery实现图片局部放大镜效果
2016/03/17 Javascript
Bootstrap弹出框(modal)垂直居中的问题及解决方案详解
2016/06/12 Javascript
json实现添加、遍历与删除属性的方法
2016/06/17 Javascript
使用bootstrap typeahead插件实现输入框自动补全之问题及解决办法
2016/07/07 Javascript
JS仿百度自动下拉框模糊匹配提示
2016/07/25 Javascript
BootStrap Datetimepicker 汉化的实现代码
2017/02/10 Javascript
详解JavaScript数组过滤相同元素的5种方法
2017/05/23 Javascript
JS实现的input选择图片本地预览功能示例
2018/08/29 Javascript
apicloud拉起小程序并传递参数的方法示例
2018/11/21 Javascript
django实现前后台交互实例
2017/08/07 Python
用Anaconda安装本地python包的方法及路径问题(图文)
2019/07/16 Python
Django ORM 自定义 char 类型字段解析
2019/08/09 Python
python3反转字符串的3种方法(小结)
2019/11/07 Python
python numpy库linspace相同间隔采样的实现
2020/02/25 Python
Probikekit日本:自行车套件,跑步和铁人三项装备
2017/04/03 全球购物
巴西宠物商店:Cobasi
2019/04/19 全球购物
声明struct x1 { . . . }; 和typedef struct { . . . }x2;有什么不同
2012/06/02 面试题
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
2012/01/13 面试题
医药工作者的求职信范文
2013/09/21 职场文书
俄语翻译实习生的自我评价分享
2013/11/06 职场文书
任课老师推荐信范文
2013/11/24 职场文书
点菜员岗位职责范本
2014/02/14 职场文书
大学生职业生涯规划书汇总
2014/03/20 职场文书
大学迎新晚会主持词
2014/03/24 职场文书
大学课外活动总结
2014/07/09 职场文书
2015秋季小学开学寄语
2015/05/27 职场文书
幼儿园中班班级总结
2015/08/10 职场文书
Pytorch数据读取之Dataset和DataLoader知识总结
2021/05/23 Python