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 相关文章推荐
Extjs实现进度条的两种便捷方式
Sep 26 Javascript
详解jquery uploadify 上传文件
Nov 09 Javascript
通过Javascript读取本地Excel文件内容的代码示例
Apr 08 Javascript
js 去除字符串第一位逗号的方法
Jun 07 Javascript
jQuery中DOM树操作之复制元素的方法
Jan 23 Javascript
JavaScript forEach()遍历函数使用及介绍
Jul 08 Javascript
简单实现异步编程promise模式
Jul 31 Javascript
轻松学习jQuery插件EasyUI EasyUI表单验证
Dec 01 Javascript
整理关于Bootstrap列表组的慕课笔记
Mar 29 Javascript
vue数字类型过滤器的示例代码
Sep 07 Javascript
SelectPage v2.4 发布新增纯下拉列表和关闭分页功能
Sep 07 Javascript
React Native 截屏组件的示例代码
Dec 06 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
基于数据库的在线人数,日访问量等统计
2006/10/09 PHP
轻松修复Discuz!数据库
2008/05/03 PHP
php实现登录页面的简单实例
2019/09/29 PHP
JS实现浏览器菜单命令
2006/09/05 Javascript
070823更新的一个[消息提示框]组件 兼容ie7
2007/08/29 Javascript
在一个js文件里远程调用jquery.js会在ie8下的一个奇怪问题
2010/11/28 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
2013/03/05 Javascript
nodejs实现黑名单中间件设计
2014/06/17 NodeJs
JS函数this的用法实例分析
2015/02/05 Javascript
jQuery插件EasyUI校验规则 validatebox验证框
2015/11/29 Javascript
JavaScript基础知识及常用方法总结
2016/01/10 Javascript
纯css下拉菜单 无需js
2016/08/15 Javascript
全面解析vue中的数据双向绑定
2017/05/10 Javascript
three.js实现3D影院的原理的代码分析
2017/12/18 Javascript
Javascript中JSON数据分组优化实践及JS操作JSON总结
2017/12/22 Javascript
vue data变量相互赋值后被实时同步的解决步骤
2020/08/05 Javascript
vue 动态给每个页面添加title、关键词和描述的方法
2020/08/28 Javascript
js实现可爱的气泡特效
2020/09/05 Javascript
速记Python布尔值
2017/11/09 Python
django 2.0更新的10条注意事项总结
2018/01/05 Python
python如何实现内容写在图片上
2018/03/23 Python
Python实现批量修改图片格式和大小的方法【opencv库与PIL库】
2018/12/03 Python
pandas中遍历dataframe的每一个元素的实现
2019/10/23 Python
Python实现Wordcloud生成词云图的示例
2020/03/30 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
Python3 用什么IDE开发工具比较好
2020/11/28 Python
Vans奥地利官方网站:美国原创极限运动潮牌
2018/09/30 全球购物
AURALog面试题软件测试方面
2013/10/22 面试题
探亲邀请信范文
2014/01/30 职场文书
大课间体育活动方案
2014/03/12 职场文书
幼儿园开学寄语
2014/04/03 职场文书
毕业设计指导教师评语
2014/12/30 职场文书
2015年基层党支部工作总结
2015/05/21 职场文书
保留意见审计报告
2015/06/05 职场文书
神州牡丹园的导游词
2019/11/20 职场文书
Nginx本地配置SSL访问的实例教程
2022/05/30 Servers