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 相关文章推荐
js event事件的传递与冒泡处理
Dec 06 Javascript
JavaScript前端图片加载管理器imagepool使用详解
Dec 29 Javascript
使用JS画图之点、线、面
Jan 12 Javascript
Jquery Easyui自定义下拉框组件使用详解(21)
Dec 31 Javascript
基于JQuery及AJAX实现名人名言随机生成器
Feb 10 Javascript
利用10行js代码实现上下滚动公告效果
Dec 08 Javascript
浅谈webpack 自动刷新与解析
Apr 09 Javascript
JS实现数组的增删改查操作示例
Aug 29 Javascript
vue中v-for循环给标签属性赋值的方法
Oct 18 Javascript
微信小程序常用简易小函数总结
Feb 01 Javascript
原生JS实现留言板
Mar 26 Javascript
如何在现代JavaScript中编写异步任务
Jan 31 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中将数组存到文件里的实现代码
2012/01/19 PHP
PHP+Ajax验证码验证用户登录
2016/07/20 PHP
php+ajax实现文件切割上传功能示例
2020/03/03 PHP
TP5框架实现签到功能的方法分析
2020/04/05 PHP
js防止表单重复提交的两种方法
2013/09/30 Javascript
学习JavaScript编程语言的8张思维导图分享
2015/03/27 Javascript
实例解析jQuery中proxy()函数的用法
2016/05/24 Javascript
JavaScript实现简单的拖动效果
2016/07/02 Javascript
详解使用JS如何制作简单的ASCII图与单极图
2017/03/31 Javascript
全选复选框JavaScript编写小结(附代码)
2017/08/16 Javascript
javascript  删除select中的所有option的实例
2017/09/17 Javascript
解决html-jquery/js引用外部图片时遇到看不了或出现403的问题
2017/09/22 jQuery
记录vue项目中遇到的一点小问题
2019/05/14 Javascript
JS中的继承操作实例总结
2020/06/06 Javascript
Python中的exec、eval使用实例
2014/09/23 Python
Python连接PostgreSQL数据库的方法
2016/11/28 Python
正确理解python中的关键字“with”与上下文管理器
2017/04/21 Python
深入理解Python中range和xrange的区别
2017/11/26 Python
django 解决manage.py migrate无效的问题
2018/05/27 Python
tensorflow更改变量的值实例
2018/07/30 Python
Python3实现的判断环形链表算法示例
2019/03/07 Python
python PyQt5/Pyside2 按钮右击菜单实例代码
2019/08/17 Python
会计电算化专业毕业生求职信范文
2013/12/10 职场文书
单位实习证明怎么写
2014/01/17 职场文书
校园奶茶店创业计划书
2014/01/23 职场文书
顶碗少年教学反思
2014/02/21 职场文书
合伙协议书
2014/04/23 职场文书
2014县政府领导班子三严三实对照检查材料思想汇报
2014/09/26 职场文书
2015年信贷员工作总结
2015/04/28 职场文书
五一晚会主持词
2015/07/01 职场文书
2016机关干部作风建设心得体会
2016/01/21 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers
Vue自定义铃声提示音组件的实现
2022/01/22 Vue.js
使用kubeadm命令行工具创建kubernetes集群
2022/03/31 Servers
Tomcat弱口令复现及利用
2022/05/06 Servers
vue postcss-px2rem 自适应布局
2022/05/15 Vue.js