document.getElementById在Firefox中不起作用

Question

    <img src="generate.php" id="captchaimg"/>
   <a href="javascript:void(0);" onclick="document.getElementById('captchaimg').src='generate.php';">Not readable? Change code.</a>

我知道已經問過這個問題，但是其中描述的方法對我不起作用，或者我不知道正確的使用方法。 我已將代碼用作內聯代碼，並且創建了一個正常的Javascript函數，盡管我在單擊時使用了JQuery代碼進行了檢查，但是圖像未在Firefox中加載，而當我單擊“不可讀”時，Captcha圖像在Chrome上已正確加載，所以請幫助我的朋友解決問題，提前感謝Dude ！！！

Answer 1

我認為您上面的示例可能無法正常工作，因為刷新驗證碼時，將src屬性設置為generate.php ，這與之前完全相同。 Firefox可能認為不值得重新獲取圖像，因為使用了相同的URL。 為了解決這個問題，我已將src設置為src ，然后將其設置回generate.php 。

最好的做法是從HTML元素中刪除更復雜的Javascript，然后將其移動到自己的腳本中。 作為一個基本示例，您可以嘗試執行以下操作：

<img src="generate.php" id="captchaimg" />
<a id="regenerateLink" href="#">Not readable? Change code.</a>

<script>
var captcha = document.getElementById('captchaimg');
var regenerateLink = document.getElementById('regenerateLink');

regenerateLink.onclick = function() {
  captcha.src = "";
  captcha.src = "generate.php";
};
</script>

請注意，這里還有很多改進，我不會考慮代碼生產准備就緒，但這只是一個開始:)

Answer 2

由於來源相同，Firefox無法加載內容。 我只是附加了日期和時間以使其成為新的源附件，它就起作用了
學分： 緩存破壞者” –詹姆斯·索普 （ Salketer）

<img src="generate.php" id="captchaimg"/>

<a href="javascript:void(0);" onclick="document.getElementById('captchaimg').src='generate.php?'+ new Date().getTime();">Not readable? Change code.</a>