Question

这是我的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内容而不是使用元标记，这样它就不会闪烁。请帮帮我

Answer 1

您可以使用以下的JavaScript功能

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

Answer 2

<强> 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>

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

2 个答案: