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 easyUI 更新行示例
Mar 06 Javascript
jquery实现简单的无缝滚动
Apr 15 Javascript
jQuery实现鼠标悬停显示提示信息窗口的方法
Apr 30 Javascript
Bootstrap模态框禁用空白处点击关闭
Oct 20 Javascript
Bootstrap3 模态框使用实例
Feb 22 Javascript
Vue前端开发规范整理(推荐)
Apr 23 Javascript
JavaScript中this关键字用法实例分析
Aug 24 Javascript
setTimeout与setInterval的区别浅析
Mar 23 Javascript
详细讲解如何创建, 发布自己的 Vue UI 组件库
May 29 Javascript
微信用户访问小程序的登录过程详解
Sep 20 Javascript
jQuery实现简单评论区功能
Oct 26 jQuery
JavaScript offset实现鼠标坐标获取和窗口内模块拖动
May 30 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设计模式之命令模式的应用详解
2013/05/21 PHP
作为PHP程序员应该了解MongoDB的五件事
2013/06/03 PHP
php正则匹配html中带class的div并选取其中内容的方法
2015/01/13 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
php array_slice 取出数组中的一段序列实例
2016/11/04 PHP
PHP+Redis 消息队列 实现高并发下注册人数统计的实例
2018/01/29 PHP
基于JQuery的列表拖动排序实现代码
2013/10/01 Javascript
浅谈javascript对象模型和function对象
2014/12/26 Javascript
深入理解ECMAScript的几个关键语句
2016/06/01 Javascript
Three.js学习之Lamber材质和Phong材质
2016/08/04 Javascript
AngularJS利用Controller完成URL跳转
2016/08/09 Javascript
浅析Ajax语法
2016/12/05 Javascript
Node.js中process模块常用的属性和方法
2016/12/13 Javascript
AngularJs导出数据到Excel的示例代码
2017/08/11 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
2018/04/10 Javascript
微信小程序使用canvas的画图操作示例
2019/01/18 Javascript
Vuex实现数据共享的方法
2019/12/20 Javascript
Postman内建变量常用方法实例解析
2020/07/28 Javascript
基于JS实现操作成功之后自动跳转页面
2020/09/25 Javascript
[43:32]2014 DOTA2华西杯精英邀请赛 5 25 LGD VS NewBee第一场
2014/05/26 DOTA
Python实现身份证号码解析
2015/09/01 Python
Python实现Linux命令xxd -i功能
2016/03/06 Python
Python探索之自定义实现线程池
2017/10/27 Python
基于Python的微信机器人开发 微信登录和获取好友列表实现解析
2019/08/21 Python
浅谈Python 递归算法指归
2019/08/22 Python
Pytoch之torchvision.transforms图像变换实例
2019/12/30 Python
什么是python类属性
2020/06/10 Python
基于Python和C++实现删除链表的节点
2020/07/06 Python
Django中Aggregation聚合的基本使用方法
2020/07/09 Python
详解HTML5 Canvas绘制时指定颜色与透明度的方法
2016/03/25 HTML / CSS
中东地区最大的奢侈品市场:The Luxury Closet
2019/04/09 全球购物
原料仓管员岗位职责
2014/04/12 职场文书
教师群众路线心得体会
2014/11/04 职场文书
matplotlib如何设置坐标轴刻度的个数及标签的方法总结
2021/06/11 Python
go select编译期的优化处理逻辑使用场景分析
2021/06/28 Golang