上效果图:

JS页面加载完成才显示

上传过程等待。

JS页面加载完成才显示

完成后载入页面。

JS页面加载完成才显示

JS代码:

function window.onload() { //页面加载完成后执行以下表达式 loadState(); } function loadState() { var url = "http://sss.drivetop.com.cn"; //要加载的目标页 var iframe = document.getElementById("frm"); iframe.src = url; document.getElementById("msg").innerHTML = "<img src="\" mce_src="\""img/loading_16x16.gif\"> 数据加载中,请稍候..."; if (iframe.attachEvent) { //IE iframe.attachEvent("onload", function() { document.getElementById("msg").innerHTML = "加载完成。"; setTimeout(function() { location = url; }, 500); }); } else { //非IE iframe.onload = function() { document.getElementById("msg").innerHTML = "加载完成。"; setTimeout(function() { location = url ; }, 500); }; } } loadState();

html:

 面试仿真系统 Ver 1.2 <div id="msg"> Loading...</div> <iframe id="frm" runat="server" style="width: 0px; height: 0px" scrolling="no"> </iframe>

转载于:https://www.cnblogs.com/Renn/archive/2010/04/23/2048369.html

相关文章: