编程 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实现面向对象类的功能书写技巧

Mar 07 Javascript

浏览器图片选择预览、旋转、批量上传的JS代码实现

Dec 04 Javascript

动态加载js、css等文件跨iframe实现

Feb 24 Javascript

js+html5实现canvas绘制简单矩形的方法

Jun 05 Javascript

JavaScript数据类型学习笔记

Jan 25 Javascript

js实现页面跳转的五种方法推荐

Mar 10 Javascript

真正好用的js验证上传文件大小的简单方法

Oct 27 Javascript

Node.js测试中的Mock文件系统详解

Nov 21 Javascript

JS运动改变单物体透明度的方法分析

Jan 23 Javascript

webpack4 + react 搭建多页面应用示例

Aug 03 Javascript

在vue中封装的弹窗组件使用队列模式实现方法

Jul 23 Javascript

node koa2 ssr项目搭建的方法步骤

Dec 11 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中上传大体积文件时需要的设置

2006/10/09 PHP

PHP 删除文件与文件夹操作 unlink()与rmdir()这两个函数的使用

2011/07/17 PHP

php中将图片gif,jpg或mysql longblob或blob字段值转换成16进制字符串

2011/08/23 PHP

php数组查找函数in_array()、array_search()、array_key_exists()使用实例

2014/04/29 PHP

PHP中数组的分组排序实例

2014/06/01 PHP

javaScript对象和属性的创建方法

2007/01/15 Javascript

parseInt parseFloat js字符串转换数字

2010/08/01 Javascript

IE6浏览器下resize事件被执行了多次解决方法

2012/12/11 Javascript

用jquery存取照片的具体实现方法

2013/06/30 Javascript

jquery文档操作wrap()方法实例简述

2015/01/10 Javascript

JS实现带圆弧背景渐变效果的导航菜单代码

2015/10/13 Javascript

轻松掌握JavaScript享元模式

2016/08/27 Javascript

js实现非常棒的弹出div

2016/10/06 Javascript

JS+HTML5 FileReader对象用法示例

2017/04/07 Javascript

JS中的防抖与节流及作用详解

2019/04/01 Javascript

JavaScript实现PC端四格密码输入框功能

2020/02/19 Javascript

JavaScript面向对象核心知识与概念归纳整理

2020/05/09 Javascript

[01:51]2018年度CS GO最具人气外援-完美盛典

2018/12/16 DOTA

Python and、or以及and-or语法总结

2015/04/14 Python

python简单实现操作Mysql数据库

2018/01/29 Python

深入浅析python with语句简介

2018/04/11 Python

python购物车程序简单代码

2018/04/18 Python

python 日志增量抓取实现方法

2018/04/28 Python

浅述python中深浅拷贝原理

2018/09/18 Python

Pytorch转onnx、torchscript方式

2020/05/25 Python

sublime3之内网安装python插件Anaconda的流程

2020/11/10 Python

物流仓管员岗位职责

2013/12/04 职场文书

四年大学生活的个人自我评价

2013/12/11 职场文书

优秀员工年终发言演讲稿

2014/01/01 职场文书

护士自我鉴定怎么写

2014/02/07 职场文书

改进作风怎么办发言材料

2014/08/17 职场文书

2014红色之旅心得体会

2014/10/07 职场文书

世界水日宣传活动总结

2015/02/09 职场文书

2016年学习雷锋精神广播稿

2015/12/17 职场文书

《雷雨》教学反思

2016/02/20 职场文书

TypeScript实用技巧 Nominal Typing名义类型详解

2022/09/23 Javascript