javascript实现链接随机

最新推荐文章于 2023-05-18 14:19:05 发布
原创 最新推荐文章于 2023-05-18 14:19:05 发布 · 1.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #function

本文介绍了一种使用JavaScript实现点击图片随机跳转至不同页面的方法。通过定义一个包含多个URL的数组，并利用Math.random()函数随机选取数组中的元素来决定跳转目标。此方法适用于需要增加用户体验多样性的网页设计。

今天下午开完会，组长分了个很简单的JS需求给我。就是点同一张图片，但是图片链接随机变化。

简单做个小结

1.href="#" 的优先级高于onClick

2.代码如下：

<script language="javascript" type="text/javascript">
 function objectHref(){
   var oHref=new Array(
    "http://info.china.alibaba.com/quiz/detail/v51-q858.html",
    "http://info.china.alibaba.com/quiz/detail/v51-q862.html",
    "http://info.china.alibaba.com/quiz/detail/v51-q861.html",
    "http://info.china.alibaba.com/quiz/detail/v51-q864.html",
    "http://info.china.alibaba.com/quiz/detail/v51-q866.html",
    "http://info.china.alibaba.com/quiz/detail/v51-q867.html",
    "http://info.china.alibaba.com/quiz/detail/v51-q868.html",
    "http://info.china.alibaba.com/quiz/detail/v51-q869.html",
    "http://info.china.alibaba.com/quiz/detail/v51-q870.html",
    "http://info.china.alibaba.com/quiz/detail/v51-q871.html"
    );
   var hrefNum=oHref.length;
   var currIndex=Math.round(Math.random() * hrefNum);
     window.location=oHref[currIndex]
}
</script>

js随机域名跳转，适用于多种途径
avbobok的博客
12-18 1528
<script> function changeurl(){ var arr = new Array( "https://www.", "https://www.", ); window.location.href = arr[Math.floor(Math.random() * arr.length)]; } changeurl(); </script> 更多URL：其它人的JS跳转方式
javascript实现随机生成DIV背景色
10-22
为了实现随机生成这些值，我们需要编写相应的JavaScript函数。以下是实现该功能的思路和步骤： 1. 使用`Math.random()`函数来生成一个0到1之间的随机数，然后将这个数乘以255，得到一个0到255之间的浮点数； 2. ...
JS实现网页上随机产生超链接地址的方法
11-23
本文实例讲述了JS实现网页上随机产生超链接地址的方法。分享给大家供大家参考，具体如下： 这是一个JavaScript的应用，每刷新一次页面，会自动更换一次链接，虽然不常用，不过对Javascript随机函数Math.random() 的使用将直到引导作用。 运行效果截图如下： 在线演示地址如下： http://demo.jb51.net/js/2015/js-math-rand-url-show-codes/ 具体代码如下： <html> <head> <title>在网页上随机产生超链接地址</title> [removed] <!-- ur
js 特效 html 特效 随机文本链接
09-03
js 特效 html 特效 随机文本链接 js 特效 html 特效 随机文本链接
JavaScript 随机链接
diaojilu3861的博客
09-09 271
<html> <body> <script type="text/javascript"> var r=Math.random() if (r>0.5) { document.write("<a href='http://www.w3school.com.cn'>学习 Web 开发！</a>") }...
Javascript生成随机点实现连线功能
qq_52624820的博客
04-13 892
如需完整代码，请mail 2938133585@qq.com。做了判断，让随机点不会超过画布边缘。每按下一次按钮，点数+1。初始状态生成十个随机点。
基于HTML+CSS+Javascript实现的课堂随机点名软件
04-04
基于HTML+CSS+Javascript实现的课堂随机点名软件是一种利用现代网页技术开发的应用程序，旨在帮助教师在课堂上随机选择学生进行回答问题、上台演示或其他教学互动。该软件通常包括以下几个关键组成部分： 首先，...
教你用javascript实现随机标签云效果_附代码
11-23
JavaScript 实现的随机标签云是一种常见的网页视觉效果，它展示了多个标签，每个标签根据其重要性或特定权重显示不同的样式，如字体大小和颜色。标签云不仅美观，还能增加用户与网页内容的互动性，因为标签通常是...
教你用javascript实现随机标签云效果_附代码_.docx
10-10
在本文中，我们将探讨如何使用JavaScript实现一个随机标签云效果，这是一种常见的网页设计元素，用于展示和组织大量标签或关键词。标签云通过调整标签的字体大小和颜色来表示每个标签的重要性或频率，从而提供一种...
JavaScript 基础随机抽奖系统
最新发布
10-19
本文将详细介绍如何利用JavaScript（JS）技术实现一个简单的随机抽奖功能，并通过代码实例帮助读者理解其核心逻辑。 首先，我们将创建一个用于显示奖品的无序列表，并为每个奖项设置不同的样式以区分不同等级。同时...
链接随机html,通过Javascript/HTML生成随机链接
weixin_39980929的博客
06-27 1037
我正在尝试创建一个脚本，该脚本允许我显示将用户重定向到四个站点中选定的随机URL的超链接。到目前为止，我已经为网站创建了一个数组，并且尝试生成随机url。为了我的目的，输出(“点击去一个随机站点”)不是一个按钮，而是一个简单的(可点击的)字符串。通过Javascript/HTML生成随机链接运行代码时，我得到一个参考错误“未定义链接(在第18行)”。我认为我已经在代码中定义了链接var link ...
Selenium随机打开一个url。
Liuxm
02-27 755
案例说明：从一个网页的div模块范围内获取所有的超链接，设置随机值，随机打开网页。 案例代码： from selenium import webdriver import time import random driver = webdriver.Chrome() driver.get("http://webtest.ranorex.org/") driver.maximize_windo...
打开一个页面，随机加载一个网页
cngdjws的专栏
10-09 1592
js配置随机域名
三七_z
03-05 539
varvalue1=['http://xxxx:8002/','http://xxxxx:8002/','http://xxxxx:8002/']; varvalue2=['http://xxxxxx:8002/','http://xxxxxx:8002/','http://xxxxx:8002/']; varvalue3=['http://xxxxxx:8002/','http://xxxxxx:8002/']; (function(){ ...
js代码方式实现生成随机虚拟地址
qq_58517459的博客
05-18 549
【代码】js代码方式实现生成随机虚拟地址。
js 页面所有超链接后加随机数 基于jquery
草宝虫的博客
12-09 1208
避免了页面缓存问题。            rand = Math.random();     $("a").each(function () {                href = $(this).attr("href");                if (href.length == 0 || href.indexOf("javascript") &gt; -1) return;...
JS实现打开页面，设置多个网址随机访问
总结前端开发中遇到的问题，分享前端知识
01-04 1798
setTimeout(()=>{ var arr = ["https://vant-contrib.gitee.io/vant/#/zh-CN/","https://element.eleme.cn/#/zh-CN/component/installation"]; window.location.href = arr[parseInt(Math.random()*arr.length)]; },1000)
js 生成随机数、查询url参数、生成随机颜色
Xpy 的博客
04-20 492
一、创建过去七天的数组 […Array(7).keys()].map(days => new Date(Date.now() - 86400000 * days)); 二、生成随机ID // 生成长度为11的随机字母数字字符串 Math.random().toString(36).substring(2); // jsi6fyrxol // 生成长度为6的随机字母数字字符串 Math.random().toString(36).substring(7); // jsi6fyrxol PS: Ma
JS随机显示图片和链接
x163326的专栏
03-28 2472
有些时候我们要随机显示几个图片的链接，可以用JS代码的形式来实现，就几行代码，写成PHP文件，更灵活：   var a; var b; a=fRandomBy(1,1000);//随机ID b=Math.floor(Math.random()*100+1); //随机图片 document.write("")
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值