1.主框架文件,初始化时,让loading frame全部显示
<noframes> <body> 很抱谦,您使用的浏览器不支持框架功能,请采用新版本的浏览器。 </body> </noframes> <frameset rows="105px,*" framespacing="0" frameborder="no" border="0" id="parent" name="parent"> <frame src="jsp/head.jsp" name="head" id="head" noresize="noresize" scrolling="no" /> <frameset cols="255px,*" framespacing="0" frameborder="no" border="0" name="mainFrame"> <frame src="jsp/menu.jsp" id="menu" name="menu" noresize="noresize" scrolling="no" /> <frameset rows="0px,*" id="contentFrame"> <frame src="initAdvertisementsAction.do?pageInfo=active" name="content" scrolling="auto" /> <frame src="jsp/loading.jsp" name="loading" /> </frameset> </frameset>2.监听content frame的document是否加载完成,如果完成让loading frame隐藏,content frame 完全显示
loadingCtrl.js
document.onreadystatechange=function(){ if(document.readyState=="complete"){ if(parent.document.getElementById("contentFrame")) { parent.document.getElementById("contentFrame").rows="*,0px"; } } }content frame 中的jsp 引入loadingCtrl.js
<script type="text/javascript" src="./js/loadingCtrl.js"></script>
3.manu frame 中的jsp
点击菜单时,执行下面代码:
parent.document.getElementById("contentFrame").rows="0px,*";