如何阻止“iframe”显示以前加载的（旧）内容？

Question

iframe/pop-up 显示旧内容时遇到问题。

我只有一个iframe 标签，然后用JavaScript 更改它的src 以显示不同的相册。

因此，当您单击专辑名称时，src 会更改，然后触发弹出窗口。

假设您开始打开专辑 1，然后它可以很好地加载并且没有问题。

然后，当您打开下一张专辑（专辑 2）时，album 1 的图片会在前 3-7 秒显示，然后album 2 的图片才会显示。

如何防止这种行为？

这是我的 HTML 代码：

<div class="modal-content">
  <iframe class="iframe" id="iframeurl" src="lpading.gif" frameborder="0" height="100%" width="100%" style="">
  </iframe>
</div>

这是我的 JavaScript 代码：

function showdiv() {             
  document.getElementById('iframeurl').src = data.nurl;
  $("#gluggi1").trigger('click');
}

Answer 1

由于加载内容，这听起来像是正常行为。您可以在加载新内容之前清空 iframe：

$('#iframeurl').attr('src', 'about:blank');