编程 Javascript

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程序设计有所帮助。

JS实现网页上随机产生超链接地址的方法

- Author -

企鹅

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

取得父标签

Nov 14 Javascript

你需要知道的10个最佳javascript开发实践小结

Apr 15 Javascript

js控制CSS样式属性语法对照表

Dec 11 Javascript

原生JS实现加入收藏夹的代码

Oct 24 Javascript

jquery的each方法使用示例分享

Mar 25 Javascript

【经验总结】编写JavaScript代码时应遵循的14条规律

Jun 20 Javascript

原生JS封装ajax 传json，str，excel文件上传提交表单(推荐)

Jun 21 Javascript

js实现hashtable的赋值、取值、遍历操作实例详解

Dec 25 Javascript

微信小程序中hidden不生效原因的解决办法

Apr 26 Javascript

使用node.js搭建服务器

May 20 Javascript

React styled-components设置组件属性的方法

Aug 07 Javascript

JQuery事件委托原理与用法实例分析

May 13 jQuery

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实现采集中国天气网未来7天天气

2014/10/15 PHP

thinkphp5框架实现的自定义扩展类操作示例

2019/05/16 PHP

用js实现多域名不同文件的调用方法

2007/01/12 Javascript

jQuery下通过replace字符串替换实现大小图片切换

2012/05/22 Javascript

js编写trim()函数及正则表达式的运用

2013/10/24 Javascript

js substring从右边获取指定长度字符串(示例代码)

2013/12/23 Javascript

js加载读取内容及显示与隐藏div示例

2014/02/13 Javascript

JS实现仿FLASH效果的竖排导航代码

2015/09/15 Javascript

Webwork 实现文件上传下载代码详解

2016/02/02 Javascript

JS实现点击登录弹出窗口同时背景色渐变动画效果

2016/03/25 Javascript

JS Attribute属性操作详解

2016/05/19 Javascript

js改变透明度实现轮播图的算法

2020/08/24 Javascript

微信小程序图片边框解决方法

2017/01/16 Javascript

深入理解AngularJS中的ng-bind-html指令

2017/03/27 Javascript

Vue.js学习教程之列表渲染详解

2017/05/17 Javascript

Angular中管道操作符(|)的使用方法

2017/12/15 Javascript

JavaScript中Object值合并方法详解

2017/12/22 Javascript

浅谈Vue.use的使用

2018/08/29 Javascript

如何让微信小程序页面之间的通信不再变困难

2019/06/03 Javascript

JS实现提示框跟随鼠标移动

2019/08/27 Javascript

解决layui-table单元格设置为百分比在ie8下不能自适应的问题

2019/09/28 Javascript

JS获取表格视图所选行号的ids过程解析

2020/02/21 Javascript

使用Python判断IP地址合法性的方法实例

2014/03/13 Python

对pandas里的loc并列条件索引的实例讲解

2018/11/15 Python

Python搭建代理IP池实现检测IP的方法

2019/10/27 Python

在django中使用apscheduler 执行计划任务的实现方法

2020/02/11 Python

纯css3实现的动画按钮的实例教程

2014/11/17 HTML / CSS

Charlotte Tilbury英国官网：英国彩妆品牌

2017/05/26 全球购物

法国大使拉杆箱官网：DELSEY Paris

2018/03/20 全球购物

个人安全生产责任书

2014/07/28 职场文书

总经理检讨书

2014/09/15 职场文书

初中语文教学研修日志

2015/11/13 职场文书

大学学生会主席竞选稿怎么写？

2019/08/19 职场文书

oracle重置序列从0开始递增1

2022/02/28 Oracle

python处理json数据文件

2022/04/11 Python

选购到合适的激光打印机

2022/04/21 数码科技