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>