编程 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 相关文章推荐

JavaScript 常用函数库详解

Oct 21 Javascript

在Ubuntu上安装最新版本的Node.js

Jul 14 Javascript

JavaScript中的ArrayBuffer详细介绍

Dec 08 Javascript

基于JavaScript实现网页倒计时自动跳转代码

Dec 28 Javascript

JS 动态加载js文件和css文件同步/异步的两种简单方式

Sep 23 Javascript

bootstrap datetimepicker2.3.11时间插件使用

Nov 19 Javascript

easyui combogrid实现本地模糊搜索过滤多列

May 13 Javascript

vue.js中父组件调用子组件的内部方法示例

Oct 22 Javascript

vue-cli脚手架build目录下utils.js工具配置文件详解

Sep 14 Javascript

js的继承方法小结（prototype、call、apply）（推荐）

Apr 17 Javascript

node.js使用 http-proxy 创建代理服务器操作示例

Feb 10 Javascript

OpenLayers加载缩放控件使用方法详解

Sep 25 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

什么是调频(FM)、调幅(AM)、短波(SW)、长波(LW)

2021/03/01 无线电

用Socket发送电子邮件

2006/10/09 PHP

一个php作的文本留言本的例子(三)

2006/10/09 PHP

php将远程图片保存到本地服务器的实现代码

2015/08/03 PHP

PHP判断字符串长度的两种方法很实用

2015/09/22 PHP

php实现多站点共用session实现单点登录的方法详解

2019/09/18 PHP

PHP大文件分割分片上传实现代码

2020/12/09 PHP

JavaScript 学习 - 提高篇

2007/02/02 Javascript

js获取TreeView控件选中节点的Text和Value值的方法

2012/11/24 Javascript

jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)

2013/01/16 Javascript

详解JavaScript中localStorage使用要点

2016/01/13 Javascript

javascript禁止超链接跳转的方法

2016/02/02 Javascript

全面了解javascript三元运算符

2016/06/27 Javascript

AngularJS基础 ng-non-bindable 指令详细介绍

2016/08/02 Javascript

Bootstrap基本组件学习笔记之按钮组(8)

2016/12/07 Javascript

深入理解JavaScript中的尾调用(Tail Call)

2017/02/07 Javascript

jQuery滑动到底部加载下一页数据的实例代码

2017/05/22 jQuery

Vue学习之axios的使用方法实例分析

2020/01/06 Javascript

在vue中实现禁止回退上一步,路由不存历史记录

2020/07/22 Javascript

使用python实现滑动验证码功能

2019/08/05 Python

在OpenCV里使用特征匹配和单映射变换的代码详解

2019/10/23 Python

基于python的docx模块处理word和WPS的docx格式文件方式

2020/02/13 Python

opencv 图像腐蚀和图像膨胀的实现

2020/07/07 Python

python爬取豆瓣电影排行榜(requests)的示例代码

2021/02/18 Python

CSS3实现文本垂直排列的方法

2018/07/10 HTML / CSS

HTML5的文档结构和新增标签完全解析

2017/04/21 HTML / CSS

非洲NO.1网上商店：Jumia肯尼亚

2016/08/18 全球购物

钳工实习自我鉴定

2013/09/19 职场文书

大学应届生求职简历的自我评价

2013/10/08 职场文书

机修工岗位职责

2013/11/24 职场文书

运动会稿件300字

2014/02/14 职场文书

司法局群众路线教育实践活动整改措施

2014/09/17 职场文书

党员先进性教育整改措施

2014/09/18 职场文书

红领巾广播站广播稿

2014/10/19 职场文书

诚实守信主题班会

2015/08/13 职场文书

Golang Web 框架Iris安装部署

2022/08/14 Python