frame 框架 添加loading 画面

最新推荐文章于 2022-05-17 15:21:56 发布
最新推荐文章于 2022-05-17 15:21:56 发布
阅读量620 收藏
点赞数
分类专栏： html java 文章标签： 框架 border jsp 浏览器 menu function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ly5156/article/details/6957385
版权
java 同时被 2 个专栏收录
179 篇文章 0 订阅
订阅专栏
html
10 篇文章 0 订阅
订阅专栏


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




ly5156
关注
专栏目录
mediapipe 谷歌高效ML框架-图像识别、人脸检测、人体关键点检测、手部关键点检测
weixin_42357472的博客
06-21 1786
参考： https://github.com/google/mediapipe https://developers.google.com/mediapipe/solutions/guide框架也支持cv、nlp、audio等项目： 参考：https://developers.google.com/mediapipe/solutions/vision/object_detector/python模型下载：https://developers.google.com/mediapipe/solutions/vi
Unity如何实现一个弹框队列管理PopManager
TxNet
03-31 5059
一.前言: 最近游戏中加的弹窗页面有点多，导致快上线时，频繁出现弹窗的问题，不是冲突了，就是出不来，所以我想从根源上解决这个问题。 解决弹窗的问题，需要把握好3点： 1.需要整理各个弹窗的优先级， 2.需要清除各个弹窗的弹出条件和弹出时机。 3.需要做好弹窗队列的统一管理。 二.弹窗配置 如果想更方便的管理弹窗的优先级，弹出条件，关闭时机等，我们必须有一个弹窗配置表。如下所示： id 弹窗名称 弹出优先级 弹出条件mask 切场景行为 可重复入栈 id name priority pag
Vue中 iframe 的内容加载慢，实现加载（Loading）效果
明天也要努力的博客
08-30 6050
需求： 由于 iframe 的内容加载较慢，需要在加载完成前添加 loading 效果。 本文 loading 使用的是 Element 框架的加载（Loading）组件。 功能实现完整代码 <template> <div style="height:1000px;" v-loading="loading"> <iframe ref="Iframe" src="https://www.taobao.com/" width="
js 监视 iframe 或 frameset 的内容变动（文盲第二版）
文盲的专栏
05-25 4782
之前写了一个js 监视 iframe 或 frameset 的内容变动，结果有人留言了，然后仔细一看，代码通用性好差，当时自己的项目能用了，就没再继续研究了今天经过一番调试，弄出来了下边这个效果，估计大家应该都能用起来了文件：test_iframe_400.html&lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;me...
先加载完然后再显示页面的方法
liudaoru - 悟
01-25 1167
今天研究live calendar，发现他们的先加载然后一次性显示是通过frameset来做的。具体的将就是将每个步骤放到一个frame中，需要显示的时候设置frameset的rows就可以了。 具体代码如下： [code="js"] [/code] ...
SLAM - 搭建VO框架 - 3
Breathmetoyou的博客
05-17 407
0.3：RANSAC PnP 加上迭代优化 来估计相机位姿 g2o_types.h /* * <one line to give the program's name and a brief idea of what it does.> * Copyright (C) 2016 <copyright holder> <email> * * This program is free software: you can redistribute it and/
JavaCV人脸识别三部曲之三：识别和预览
m0_69523172的博客
04-29 1265
@return 相同尺寸的灰度图片的MAT对象 */ static Mat buildGrayImage(Mat src) { return new Mat(src.rows(), src.cols(), CV_8UC1); } /** 初始化操作，例如模型下载 @throws Exception */ void init() throws Exception; /** 得到原始帧，做识别，添加框选 @param frame @return */ Frame convert(.
如何在CSDN博客自定义栏目中添加“给我写信”
Stay Hungry ， Stay Foolish
01-27 5240
在“自定义栏目”中添加“连接”（将自己的微博，QQ空间和CSDN博客关联起来）很多人都做过。但是添加“给我写信”这个功能，用的好像不太多。此文将一步步教你如何实现这个功能。 效果如下： 步骤： 1.点击给我写信，会跳转到这个界面： 2.点击右下角的 “获取邮我按钮” 3.点击“我要体验” 4. 点击“获取代码”，并粘贴在“编辑自定义栏目处” 注意：红线处的图片连接
几种常见的载入中、loading页面效果的实现方法总结
weixin_30856965的博客
10-20 2327
网页加载过程中提示“载入中…”，特别是使用动画效果，可以一个“等待”的温馨提示，用户体验很不错。 刚才花了半个多小时去网上查了下页面正在载入效果的实现方法，觉得有必要记录下. 先说最简单的第一种，原理就是,在网页载入时在页面最中间打入一个层上面显示,"网页正在载入中...."当网页下载完毕,,用JS关闭这个层......。 先在首页HTML最上面...任意位置都行..加入 <DIV ...
FrameSet的加载顺序
注重长远 天天积累 cqujsjcyj
04-02 622
FrameSet的加载顺序是： (1) mainFrame  主框架 (2) TopFrame 上框架 (3) LeftFrame 左框架   可以在每个页面里加上脚本，以示执行顺序； &lt;body&gt;&lt;script&gt;alert("alert leftpage"); &lt;/script&gt;左框架 &lt;/body&gt;   -----------...
frameset布局时frame中src路径的页面没有加载的解决方法
udbiqplfdn的博客
07-03 2656
今天，在写一个前面页面里，用了frameset布局页面，把在实际页面显示页面中，却无没有加载src路径。代码如下：         把实际地运行下，无法正确显示页面，把百度后，才发现问题所在(http://www.zhujiangroad.com/program/JSP/52734.html)。原因所在是由于frameset是一种框架结构，将整
iframe加载时的loading效果，兼容Firefox
sgear
09-01 9714
iframe加载时的loading效果，兼容Firefox   新建网页 1   http://sysimages.tq.cn/images/analysis_images/ajax-loader.gif" /> loading...       function stateChangeIE(_frame)    {      if (_frame.readyStat
检测iframe标签加载完成。可用来做loading页面
热门推荐
11-30 1万+
var iframe = document.getElementById("frameMain2");  iframe.onload = function(){  alert("iframe load  done");  };
.NET中使用Frame框架详细教程
Frame框架允许网页画面被分割成若干个独立的区域，每个区域可以加载不同的URL，从而在一个浏览器窗口中呈现多个页面。下面我们将详细介绍如何在.NET中使用frame框架。 首先，frame框架的使用涉及到两个主要的HTML...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值