在javascript中生成随机图像url

在javascript中生成随机图像url,javascript,html,Javascript,Html,我正在生成随机数并附加上一个变量,试图得到图像的值。但也只是随机数产生的。我该怎么做 这是我的密码 var img1 = 'http://i.imgur.com/8olCb1Qb.jpg'; var img2= 'http://i.imgur.com/usJWgL7b.jpg'; var img3 = 'http://i.imgur.com/kxsLXb8b.jpg'; var img4 = 'http://i.imgur.com/XQbcjvUb.jpg'; var img5 = 'http:

我正在生成随机数并附加上一个变量,试图得到图像的值。但也只是随机数产生的。我该怎么做

这是我的密码

var img1 = 'http://i.imgur.com/8olCb1Qb.jpg';
var img2= 'http://i.imgur.com/usJWgL7b.jpg';
var img3 = 'http://i.imgur.com/kxsLXb8b.jpg';
var img4 = 'http://i.imgur.com/XQbcjvUb.jpg';
var img5 = 'http://i.imgur.com/j3CVSSMb.jpg';
var img6 = 'http://i.imgur.com/BQNvBVib.jpg';
var img7 = 'http://i.imgur.com/DZq0ORlb.jpg';
var img8 = 'http://i.imgur.com/t73Tvlqb.jpg';
var img9 = 'http://i.imgur.com/Y8iFltdb.jpg';
var img10 = 'http://i.imgur.com/u3sBUMjb.jpg';
var no = Math.floor(Math.random() * 6) + 1
var img = 'img'+no;
console.log(img)
我只喜欢javascript


将图像放入名为div divImages的div中

var img=$('#divImages').children().eq(no);
如果您不想使用jquery,javascript是:

var img = document.getElementById('#divImages').children[no];

我想你应该选择随机图像

var images = [
    'http://i.imgur.com/8olCb1Qb.jpg',
    'http://i.imgur.com/usJWgL7b.jpg',
    'http://i.imgur.com/kxsLXb8b.jpg',
    'http://i.imgur.com/XQbcjvUb.jpg',
    'http://i.imgur.com/j3CVSSMb.jpg',
    'http://i.imgur.com/BQNvBVib.jpg',
    'http://i.imgur.com/DZq0ORlb.jpg',
    'http://i.imgur.com/t73Tvlqb.jpg',
    'http://i.imgur.com/Y8iFltdb.jpg',
    'http://i.imgur.com/u3sBUMjb.jpg'
];
var random = images[Math.floor(Math.random() * images.length)];

嗯。阵列很有趣。你应该使用它们

var images=[“8olCb1Qb”、“usJWgL7b”、“kxsLXb8b”、“XQbcjvUb”、“j3cvsmb”、“BQNvBVib”、“DZq0ORlb”、“t73Tvlqb”、“Y8iFltdb”、“u3sBUMjb”];
var randomPick=images[Math.random()*images.length | 0];
变量url=”http://i.imgur.com/“+randomPick+”.jpg”;

document.body.appendChild(new Image()).src=url如果不想将图像放入数组,可以这样调用它们:

var img1 = 'http://i.imgur.com/8olCb1Qb.jpg';
var img2= 'http://i.imgur.com/usJWgL7b.jpg';
var img3 = 'http://i.imgur.com/kxsLXb8b.jpg';
var img4 = 'http://i.imgur.com/XQbcjvUb.jpg';
var img5 = 'http://i.imgur.com/j3CVSSMb.jpg';
var img6 = 'http://i.imgur.com/BQNvBVib.jpg';
var img7 = 'http://i.imgur.com/DZq0ORlb.jpg';
var img8 = 'http://i.imgur.com/t73Tvlqb.jpg';
var img9 = 'http://i.imgur.com/Y8iFltdb.jpg';
var img10 = 'http://i.imgur.com/u3sBUMjb.jpg';
var no = Math.floor(Math.random() * 6) + 1
var img = 'img'+no;
console.log(window[img])
// or 
console.log(this[img])

正如其他人所说,动态变量名有点难看。您应该使用数组

var imgs = ['a', 'b', 'c'];
var randomImg = imgs[Math.floor(Math.random() * imgs.length);
如果您真的想使用动态名称,那么应该将它们附加到对象,而不仅仅是独立变量

var imgs = {img1: 'a', img2: 'b', img3: 'c'};
var no = Math.floor(Math.random() * 3) + 1:
var img = imgs['img' + no];

为什么不使用数组呢?只要从中获取随机索引,就完成了。对于记录,你可以做
console.log(窗口[img])
,但我认为这不是办法。你能解释一下吗。。