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 利用Cookie记录用户登录信息
Dec 08 Javascript
对象无length属性时IE6/IE7中无法将其转换成伪数组(ArrayLike)
Jul 31 Javascript
cnblogs 代码高亮显示后的代码复制问题解决实现代码
Dec 14 Javascript
简体中文转换繁体中文(实现代码)
Dec 25 Javascript
自定义函数实现IE7与IE8不兼容js中trim函数的问题
Feb 03 Javascript
jQuery实现自动切换播放的经典滑动门效果
Sep 12 Javascript
jQuery实现的简单拖动层示例
Feb 22 Javascript
Vue2.0 组件传值通讯的示例代码
Aug 01 Javascript
详解vue2.0+vue-video-player实现hls播放全过程
Mar 02 Javascript
Vue项目引发的「过滤器」使用教程
Mar 12 Javascript
JavaScript设计模式之门面模式原理与实现方法分析
Mar 09 Javascript
eslint+prettier统一代码风格的实现方法
Jul 22 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
set_include_path在win和linux下的区别
2008/01/10 PHP
PHP教程 基本语法
2009/10/23 PHP
PHP url 加密解密函数代码
2011/08/26 PHP
PHP抓取、分析国内视频网站的视频信息工具类
2014/04/02 PHP
PHP使用json_encode函数时不转义中文的解决方法
2014/11/12 PHP
php获取指定数量随机字符串的方法
2017/02/06 PHP
Laravel 框架返回状态拦截代码
2019/10/18 PHP
div+css+js实现无缝滚动类似marquee无缝滚动兼容firefox
2013/08/29 Javascript
IE下window.onresize 多次调用与死循环bug处理方法介绍
2013/11/12 Javascript
JavaScript中instanceof运算符的用法总结
2013/11/19 Javascript
jQuery源码分析之jQuery.fn.each与jQuery.each用法
2015/01/23 Javascript
jQuery中 delegate使用的问题
2015/07/03 Javascript
jquery衣服颜色选取插件效果代码分享
2015/08/28 Javascript
jQuery焦点图切换特效代码分享
2015/09/15 Javascript
JavaScript中的return语句简单介绍
2015/12/07 Javascript
json格式数据的添加,删除及排序方法
2016/01/21 Javascript
bootstrap快速制作后台界面
2016/12/05 Javascript
jQuery中的100个技巧汇总
2016/12/15 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
React-router中结合webpack实现按需加载实例
2017/05/25 Javascript
vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
2017/11/28 Javascript
利用JS判断元素是否为数组的方法示例
2021/01/08 Javascript
python处理cookie详解
2014/02/07 Python
Python Web框架Tornado运行和部署
2020/10/19 Python
Python正则表达式实现截取成对括号的方法
2017/01/06 Python
对Python中list的倒序索引和切片实例讲解
2018/11/15 Python
python爬虫beautifulsoup解析html方法
2020/12/07 Python
selenium判断元素是否存在的两种方法小结
2020/12/07 Python
Electrolux伊莱克斯巴西商店:家用电器、小家电和配件
2018/05/23 全球购物
Ado与Ado.net的相同与不同
2014/12/08 面试题
班主任师德师风自我剖析材料
2014/10/02 职场文书
初婚未育证明样本
2014/10/24 职场文书
社区党员群众路线教育实践活动心得体会
2014/11/03 职场文书
出生证明范本
2015/06/15 职场文书
Python图片验证码降噪和8邻域降噪
2021/08/30 Python
HttpClient实现文件上传功能
2022/08/14 Java/Android