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

Question

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

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

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

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

Answer 1

你可以试试这个：

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

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

Answer 2

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

另外，在声明变量时使用var。

这应该这样做：

var number = Math.random() * 10000000000000000;

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

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

Answer 3

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

示例是创建一个随机数，并使用无。

您首先需要为图片添加类或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修改了证明值。