生成随机数并将其放在图片网址

时间:2016-02-25 15:31:04

标签: javascript random

我想生成一个随机数并将其放在图片网址中。我在网上找到了这个JS代码,但它不起作用:

<script type="text/javascript" language="JavaScript">
number=Math.random()*10000000000000000;
</script>

<img src="https://link.com/number="/>

有人可以看到代码有什么问题吗?提前谢谢。

3 个答案:

答案 0 :(得分:2)

你可以试试这个:

<img id="image" src="https://link.com/number="/>

<script type="text/javascript" language="JavaScript">
number = Math.random() * 10000000000000000;
document.getElementById('image').src += number;
</script>

答案 1 :(得分:1)

该img上的路径名将按字面意思读作'number ='。如果你想使用你生成的数字,你将不得不使用javascript来改变使用字符串连接的网址。

另外,在声明变量时使用var

这应该这样做:

var number = Math.random() * 10000000000000000;

var img = document.querySelector('img');

img.src = 'https://link.com/number=' + number;

答案 2 :(得分:1)

我很好奇你从哪里得到了你的榜样,因为那真的没有做任何事情。

示例是创建一个随机数,并使用

您首先需要为图片添加类或ID,然后查询dom。

<img id="the-image" src="https://link.com/number="/>

完成此操作后,您必须将生成的数字附加到图片src

var image = document.querySelector('#the-image');

var number = Math.random() * 10000000000000000;

image.src += number;

这是一个有效的example。由于图片网址无效,因此我alert修改了证明值。