如何在不闪烁的情况下加载Iframe

How to load an Iframe without flickering

本文关键字：情况下 加载 Iframe 闪烁      更新时间：2023-09-26

这是我的Iframe

 <iframe id="iframe1" frameborder="0" style=" width: 379px;
    height:110%;" src="frmChatRequest.aspx"
    scrolling="no" runat="server">
 </iframe>

这是我用来在Iframe 中加载页面的元标签（在frmChatRequest.aspx页面中（请参阅Iframe））

<meta http-equiv="refresh" content="10" />

但是页面每次加载时都会闪烁，我想使用updatePanel或Ajax等spmething，这样它在加载时就不会闪烁。或者使用javascipt加载Iframe内容，而不是使用元标记，这样它就不会闪烁。请帮帮我

您可以使用如下所示的javascript函数

function loadiframe(siteurl) {
    setTimeout(function () {
        document.getElementById("iframe").src = siteurl;
    }, 2000);
}

HTML

<div>
 <img id="theimg" src="../images/myimage.png" alt="Erreur" height="100%" width="100%"/>
</div>

JavaScript

<script type="text/javascript">
  var theimg = document.getElementById("theimg");
  var theurl = "../images/myimage.png";
  setInterval(function() {
    theimg.src = theurl + '?t=' + new Date().getTime();
   }, 1000);
</script>
相关文章：