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

Question

我遇到iframe /弹出式窗口中显示旧内容的问题。

我只有一个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');