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 注意事项 与原因分析
Apr 24 Javascript
javascript中的括号()用法小结
Apr 14 Javascript
用js模拟struts2的多action调用示例
May 19 Javascript
如何改进javascript代码的性能
Apr 02 Javascript
javascript适合移动端的日期时间拾取器
Nov 10 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
Jan 08 Javascript
基于jQuery实现以手风琴方式展开和折叠导航菜单
Jan 28 Javascript
jQuery+ajax读取并解析XML文件的方法
Sep 09 Javascript
JavaScript实现定时页面跳转功能示例
Feb 14 Javascript
使用 Node.js 对文本内容分词和关键词抽取
May 27 Javascript
js自定义input文件上传样式
Oct 26 Javascript
JavaScript Array对象基本方法详解
Sep 03 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 zlib压缩和解压缩swf文件的代码
2008/12/30 PHP
用Zend Studio+PHPnow+Zend Debugger搭建PHP服务器调试环境步骤
2014/01/19 PHP
用php代码限制国内IP访问我们网站
2015/09/26 PHP
基于PHP代码实现中奖概率算法可用于刮刮卡、大转盘等抽奖算法
2015/12/20 PHP
PHP串行化与反串行化实例分析
2016/12/27 PHP
为何说PHP引用是个坑,要慎用
2018/04/02 PHP
PHP递归统计系统中代码行数
2019/09/19 PHP
PHP连续签到功能实现方法详解
2019/12/04 PHP
javascript引导程序
2008/10/26 Javascript
javascript 读取xml,写入xml 实现代码
2009/07/10 Javascript
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
js改变Iframe中Src的方法
2015/05/05 Javascript
理解javascript中DOM事件
2015/12/25 Javascript
javascript自动切换焦点控制效果完整实例
2016/02/02 Javascript
JS仿百度自动下拉框模糊匹配提示
2016/07/25 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
详解Vue2 SSR 缓存 Api 数据
2017/11/20 Javascript
9种改善AngularJS性能的方法
2017/11/28 Javascript
JavaScript设计模式之享元模式实例详解
2019/01/17 Javascript
你所不知道的Python奇技淫巧13招【实用】
2016/12/14 Python
如何用Python合并lmdb文件
2018/07/02 Python
使用python-opencv读取视频,计算视频总帧数及FPS的实现
2019/12/10 Python
Python3查找列表中重复元素的个数的3种方法详解
2020/02/13 Python
Python学习笔记之装饰器
2020/08/06 Python
HTML5 video视频字幕的使用和制作方法
2018/05/03 HTML / CSS
通信工程毕业生求职信
2013/11/16 职场文书
2014年消防工作实施方案
2014/02/20 职场文书
捐款倡议书怎么写
2014/05/13 职场文书
任命书模板
2014/06/04 职场文书
异地年检委托书范本
2014/09/24 职场文书
2014年前台个人工作总结
2014/11/14 职场文书
施工现场安全管理制度
2015/08/05 职场文书
妇联2016年六一国际儿童节活动总结
2016/04/06 职场文书
HAM-2000摩机图
2021/04/22 无线电
sentinel支持的redis高可用集群配置详解
2022/04/01 Redis
详解Golang如何实现支持随机删除元素的堆
2022/09/23 Python