生成隨機數並將其放置在圖像中URL

Question

我想生成一個隨機數並將其放置在圖像URL中。我發現這個JS在網絡上的代碼，但它不工作：

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

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

有人能看到什麼是錯的代碼？提前致謝。

Answer 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作爲證明。

Answer 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> 

Answer 3

上IMG的路徑將字面上爲 '數=' 讀取。如果你想使用你生成的數字，你將不得不使用JavaScript來改變使用字符串連接的URL。

另外，在聲明變量時使用var。

這應做到：

var number = Math.random() * 10000000000000000; 

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

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