frame 框架 添加loading 画面


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,*";




你可能感兴趣的:(框架,jsp,浏览器,function,border,menu)