如何在html标签内,生成随机数

我想让标签内的<img src="num.jpg">内的num是随机数,以便每次都能链接到不同的图片。
图片描述

阅读 9.8k
4 个回答

用jquery.....

$("img").attr("src","image/work_" + a + ".jpg");

你这图片显示随机数,你能确保任何数字都能有个图片在服务器上面吗,所以你这个随机数应该是有个范围在,
或者说,定义一个集合,里面放所有图片随机数,

var imageNums = [123,221,32];
function getImageNum(numArray){
    var index = Math.获取随机数,范围是数组下标范围内;
    return numArray[index];
}

这个必须用js操作,先教你修改图片src属性的方法,再教你生成随机数的方法,剩下就看你自己了

修改src属性

先为这个<img>标签加一个id属性<img id="my-img">,然后

var myImg = document.querySelector('#my-img')
function setSrc() {
    var newSrc = randomNum + '.jpg'
    myImg.setAttribute('src', newSrc)
}

每次运行setSrc()这个函数就能重置一次src属性为“*.jpg”,其中randomNum怎么获得看下面

获得随机数

function getRandomNum() {
  var min = 1//这里改成你需要的最小值
  var max = 100//这里改成你需要的最大值
  return Math.floor(Math.random() * (max - min + 1) + min)
}
var randomNum = getRandomNum()
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题