Javascript 当iframe加载并更改其源时是否显示加载符号?
我希望在加载iframe时显示loading.gif 我用我在这里找到的代码做到了: 这很有效。但在我的网站上,我有复选框和单选按钮。当用户单击其中一个时,iframe将更改其源并刷新。问题是,加载符号仅在整个页面加载时可见,而不是在iframe更改其源并刷新get时可见。我怎样才能解决这个问题Javascript 当iframe加载并更改其源时是否显示加载符号?,javascript,jquery,css,iframe,Javascript,Jquery,Css,Iframe,我希望在加载iframe时显示loading.gif 我用我在这里找到的代码做到了: 这很有效。但在我的网站上,我有复选框和单选按钮。当用户单击其中一个时,iframe将更改其源并刷新。问题是,加载符号仅在整个页面加载时可见,而不是在iframe更改其源并刷新get时可见。我怎样才能解决这个问题 <style> #loadImg{position:absolute;z-index:999;} #loadImg div{display:table-cell;width:950px;he
<style>
#loadImg{position:absolute;z-index:999;}
#loadImg div{display:table-cell;width:950px;height:633px;background:#fff;text-align:center;vertical-align:middle;}
</style>
<div id="loadImg"><div><img src="loading.gif" /></div></div>
<iframe border=0 name=iframe src="html/wedding.html" width="950" height="633" scrolling="no" noresize frameborder="0" onload="document.getElementById('loadImg').style.display='none';"></iframe>
#loadImg{位置:绝对;z索引:999;}
#loadImg div{显示:表格单元格;宽度:950px;高度:633px;背景:#fff;文本对齐:中心;垂直对齐:中间;}
Jay的代码,我还没有测试过,但据我所知,每当重新加载iframe时,jqueryon(“load”)事件就会触发。因此,不要使用onload作为属性,而是使用以下内容:
$("#frameId").on("load", function () {
console.log("reloaded"); // Here you can display the loading.gif file
})
创建一个单独的事件,在加载gif时触发gif。在更改iframe的源代码之前,请使用以下代码
document.getElementById('loadImg').style.display='block'代码>这样它将再次可见。