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修改css样式style
Apr 15 Javascript
ASP.NET jQuery 实例2 (表单中使用回车在TextBox之间向下移动)
Jan 13 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
js实现的彩色方块飞舞奇幻效果
Jan 27 Javascript
js倒计时小实例(多次定时)
Dec 08 Javascript
微信小程序 PHP生成带参数二维码
Feb 21 Javascript
浅谈React和Redux的连接react-redux
Dec 04 Javascript
实例讲解JavaScript预编译流程
Jan 24 Javascript
p5.js实现简单货车运动动画
Oct 23 Javascript
jQuery实现日历效果
Sep 11 jQuery
jQuery实现动态操作table行
Nov 23 jQuery
JavaScript ES6的函数拓展
Jan 18 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
MySQL相关说明
2007/01/15 PHP
如何在smarty中增加类似foreach的功能自动加载数据
2013/06/26 PHP
PHP中exec与system用法区别分析
2014/09/22 PHP
详解Yii2 定制表单输入字段的标签和样式
2017/01/04 PHP
php设计模式之观察者模式定义与用法经典示例
2019/09/19 PHP
使用Apache的rewrite
2021/03/09 Servers
使用JavaScript实现网页版Pongo设计思路及源代码分享
2014/06/16 Javascript
js简单设置与使用cookie的方法
2016/01/22 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
webpack打包js文件及部署的实现方法
2017/12/18 Javascript
Vue官网todoMVC示例代码
2018/01/29 Javascript
vue中render函数的使用详解
2018/10/12 Javascript
express+vue+mongodb+session 实现注册登录功能
2018/12/06 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
2019/07/19 Javascript
Python函数中定义参数的四种方式
2014/11/30 Python
在Django的session中使用User对象的方法
2015/07/23 Python
Python中执行存储过程及获取存储过程返回值的方法
2017/10/07 Python
Django 接收Post请求数据,并保存到数据库的实现方法
2019/07/12 Python
18个Python脚本可加速你的编码速度(提示和技巧)
2019/10/17 Python
Python爬取爱奇艺电影信息代码实例
2019/11/26 Python
在pycharm中为项目导入anacodna环境的操作方法
2020/02/12 Python
使用html5制作loading图的示例
2014/04/14 HTML / CSS
利用HTML5中的Canvas绘制一张笑脸的教程
2015/05/07 HTML / CSS
婴儿地球:Baby Earth
2018/12/25 全球购物
Vinatis德国:法国领先的葡萄酒邮购公司
2020/09/07 全球购物
请用用Java代码写一个堆栈
2012/01/26 面试题
期末总结的个人自我评价
2013/11/02 职场文书
电子商务专业毕业生工作推荐信
2013/11/17 职场文书
幼儿园保育员辞职信
2014/01/12 职场文书
五水共治一句话承诺
2014/05/30 职场文书
一份教室追逐打闹的检讨书
2014/09/27 职场文书
湖南省党的群众路线教育实践活动总结会议新闻稿
2014/10/21 职场文书
北大自主招生自荐信
2015/03/04 职场文书
阿凡达观后感
2015/06/10 职场文书
2019个人工作计划书的格式及范文!
2019/07/04 职场文书
python必学知识之文件操作(建议收藏)
2021/05/30 Python