手机版
网站地图
美文美图
最新动态
你好,欢迎访问
好美文阅读网
个性皮肤
搜索
网站首页
美文
文章
散文
日记
诗歌
小说
故事
句子
作文
签名
祝福语
情书
范文
读后感
文学百科
美文摘抄
节日文章
名家散文
网名大全
座右铭
口号大全
面试技巧
说说大全
阅读答案
诗词默写
流言蜚语
节日祝福
好句子
经典台词
谚语大全
亲情故事
友情故事
表白情书
工作报告
活动总结
心得体会
专题汇总
美文网首页
HTML页面局部刷新时根据数据动态改变
标签的高度</div></div><div class="article"><div id="title"><h1 class='jian'>HTML页面局部刷新时根据数据动态改变<iframe>标签的高度</h1></div><div style="text-align:center;padding:5px 10px;background:#FAFFED;border:1px dotted #ccc;">作者: <a href="/user/rhicmttx.html">京城小白君</a> | 来源:发表于<span>2018-01-04 17:09 被阅读0次<span class="big" id="fontsize"></span></div><div class="content"><div id="rlist" class="rlist"><ol><li><a href="#r1">HTML页面局部刷新时根据数据动态改变<iframe>标签的高度</a></li><li><a href="#r2">如何获取父级iframe的dom，并且设置高度</a></li><li><a href="#r3">iframe a form table 标签</a></li><li><a href="#r4">HTML的入门学习（二）</a></li><li><a href="#r5">HTML 常用的标签</a></li><li><a href="#r6">HTML常用标签</a></li><li><a href="#r7">html标签</a></li><li><a href="#r8">HTML重点标签</a></li><li><a href="#r9">loading data dynamically and as</a></li><li><a href="#r10">iframe与父页面之间通讯跨域问题</a></li></ol></div> <p>1.在<iframe>的具体页面(就是子页面),添加javascript<br><javascript><br> function IframeResize(){<br> //alert(this.document.body.scrollHeight); //弹出当前页面的高度<br> var obj = parent.document.getElementById("childFrame"); //取得父页面IFrame对 象<br> //alert(obj.height); //弹出父页面中IFrame中设置的高度<br> obj.height = this.document.body.scrollHeight; //调整父页面中IFrame的高度为此页面的高度<br> }<br></javascript><br>2.在<iframe>的具体页面(就是子页面)的body中添加onload事件: <br> <body onload="IframeResize()"><br>3.再父页面的<iframe>标签添加ID,即上面第一步,方法体中第2步所写到的childFrame <br><iframe id="childFrame"></iframe ></p> <p> </p></div><div class="relateds"><h2>相关文章</h2><ul><li id="r1"><h3><a href="/subject/vcarnxtx.html">HTML页面局部刷新时根据数据动态改变<iframe>标签的高度</a></h3><p>1.在 的具体页面(就是子页面),添加javascript<javascript> function Ifram...</p></li><li id="r2"><h3><a href="/subject/btsegrtx.html">如何获取父级iframe的dom，并且设置高度</a></h3><p>场景：需要将vue嵌套在html页面的iframe中，根据vue页面的高度设置外层的iframe高度防止出现滚动条...</p></li><li id="r3"><a href="/user/sbjpextx.html"><img src="https://img.haomeiwen.com/ud/3-9a2bcc21a5d89e21dafc73b39dc5f582.jpg" width="80"></a><h3><a href="/subject/iurgaqtx.html">iframe a form table 标签</a></h3><p>iframe 标签 iframe 新开一个窗口,用了它页面可能会卡...想嵌套页面的时候用（iframe默认 高度...</p></li><li id="r4"><a href="/user/drashxtx.html"><img src="https://img.haomeiwen.com/is14376033/d6a0631bdd915149.png" width="80"></a><h3><a href="/subject/dkslzftx.html">HTML的入门学习（二）</a></h3><p>本篇文章主要记录的是自己学习的HTML 常用的标签。 1、iframe 标签——嵌套页面 iframe这个标签目前...</p></li><li id="r5"><a href="/user/sdkbkxtx.html"><img src="https://img.haomeiwen.com/is14943901/24b2724399cbe138.png" width="80"></a><h3><a href="/subject/kjsoyqtx.html">HTML 常用的标签</a></h3><p>HTML 常用的标签 iframe 标签: 嵌套页面 展现效果为 当点击链接时就会在当前页面的内嵌页面进行跳转 P...</p></li><li id="r6"><a href="/user/dqrkcttx.html"><img src="https://img.haomeiwen.com/us1938855/90f8e8e7-42f6-47a4-8ad6-9120dd95d8ae.jpg" width="80"></a><h3><a href="/subject/wsdizqtx.html">HTML常用标签</a></h3><p> HTML常用标签 一、常用标签 1.iframe标签 标签用于嵌套页面。 常用属性 ...</p></li><li id="r7"><a href="/user/xpgefxtx.html"><img src="https://img.haomeiwen.com/ud/4-3397163ecdb3855a0a4139c34a695885.jpg" width="80"></a><h3><a href="/subject/dhahiftx.html">html标签</a></h3><p>iframe标签 表示嵌套的浏览上下文，有效地将另一个HTML页面嵌入到当前页面中。可替换标签，可以设置宽度和高度...</p></li><li id="r8"><a href="/user/dmdalxtx.html"><img src="https://img.haomeiwen.com/is15508541/80a69f575798456b.png" width="80"></a><h3><a href="/subject/fkrhmqtx.html">HTML重点标签</a></h3><p>一：iframe 将另一个HTML页面嵌入当前HTML页面中 iframe里的src可以写相对路径 二：a标签 "...</p></li><li id="r9"><a href="/user/gmfiwttx.html"><img src="https://img.haomeiwen.com/us9475253/6900bfb8-707d-4a4d-8916-338b22cf3ea5" width="80"></a><h3><a href="/subject/tldnsftx.html">loading data dynamically and as</a></h3><p>.py .html .js 异步加载数据，动态追加元素到页面，动态生成html标签中的内容。好处：It just ...</p></li><li id="r10"><a href="/user/ethkdttx.html"><img src="https://img.haomeiwen.com/ud/10-e691107df16746d4a9f3fe9496fd1848.jpg" width="80"></a><h3><a href="/subject/mbtnyftx.html">iframe与父页面之间通讯跨域问题</a></h3><p>当我们想通过iframe中的内容自动改变iframe的高度时可能会想到使用load方法获取到iframe页面中的高...</p></li></ul></div></div><div id="comments"><h2>网友评论</h2><ul></ul></div><ul></ul><div class="article_by"><div class="bytitle"><p>本文标题：<font color="#666">HTML页面局部刷新时根据数据动态改变<iframe>标签的高度</font></p><p>本文链接：<font color="#666">https://www.haomeiwen.com/subject/vcarnxtx.html</font></p></div></div></div><div class="meiwen-left fl mb"><div class="title ht"><h3>延伸阅读</h3><div class="share fr" id="bdshare"></div><i class="lt"></i><i class="rt"></i></div><div class="related"><ul class="related-list"><li><a class="meiwen" href="/mw/lbyctttx.html">那年盛夏诗歌</a></li><li><a class="meiwen" href="/sy/kbyctttx.html">环境监察队工作总结范文</a></li><li><a class="meiwen" href="/sy/hbyctttx.html">优秀教师学习心得范文</a></li><li><a class="meiwen" href="/sy/cbyctttx.html">华胥引的读后感300字</a></li><li><a class="meiwen" href="/yw/qbyctttx.html">《Its red》教学反思范文</a></li><li><a class="meiwen" href="/sy/fbyctttx.html">农资购销的合同范本</a></li><li><a class="meiwen" href="/sy/xbyctttx.html">竞选中队委优秀演讲稿</a></li><li><a class="meiwen" href="/yw/tbyctttx.html">辞金蹈海的成语解释</a></li><li><a class="meiwen" href="/ja/zvyctttx.html">《世纪宝鼎》公开课教案设计</a></li></ul></div><div class="picture" ><ul class="picture-list"><li><a class="meiwen" href="/article/69641.html"><img class="lazy" data-original="/uploads/allimg/1611/1-1611292156350-L.jpg" width="150" height="120" alt="因为爱你，所以牵挂"/><span>因为爱你，所以牵挂</span></a></li><li><a class="meiwen" href="/article/84632.html"><img class="lazy" data-original="/uploads/userup/2800/14V4C648-O08.jpg" width="150" height="120" alt="今生今世红尘醉——美到心碎的古诗词"/><span>今生今世红尘醉——美到</span></a></li><li><a class="meiwen" href="/article/53482.html"><img class="lazy" data-original="/uploads/allimg/1609/1-160ZPU1030-L.jpg" width="150" height="120" alt="一个90后的内心独白"/><span>一个90后的内心独白</span></a></li><li><a class="meiwen" href="/article/3639.html"><img class="lazy" data-original="/uploads/userup/1159/1432YGR-9294.jpg" width="150" height="120" alt="致已逝去的高中年华"/><span>致已逝去的高中年华</span></a></li></ul></div></div><div class="meiwen-left fl mb"><div id="pinglun"><div id="SOHUCS"></div></div></div><div class="meiwen-left fl"><div class="title ht"><h3>深度阅读</h3><ul class="list"><li><font color="#A2B088">您也可以注册成为美文阅读网的作者，发表您的原创作品、分享您的心情！</font></li></ul><i class="lt"></i><i class="rt"></i></div><ul class="tags"><li><a class="meiwen" href="/huati/qingrenjie/">情人节</a></li><li><a class="meiwen" href="/huati/muqinjie/">母亲节</a></li><li><a class="meiwen" href="/huati/chongyangjie/">重阳节</a></li><li><a class="meiwen" href="/huati/qingmingjie/">清明节</a></li><li><a class="meiwen" href="/huati/duanwujie/">端午节</a></li><li><a class="meiwen" href="/huati/zhishujie/">植树节</a></li><li><a class="meiwen" href="/huati/yuanxiaojie/">元宵节</a></li><li><a class="meiwen" href="/huati/funvjie/">妇女节</a></li><li><a class="meiwen" href="/huati/yurenjie/">愚人节</a></li><li><a class="meiwen" href="/huati/shengdanjie/">圣诞节</a></li><li><a class="meiwen" href="/huati/fuqinjie/">父亲节</a></li><li><a class="meiwen" href="/huati/jiaoshijie/">教师节</a></li><li><a class="meiwen" href="/huati/ertongjie/">儿童节</a></li><li><a class="meiwen" href="/huati/laodongjie/">劳动节</a></li><li><a class="meiwen" href="/huati/qingnianjie/">青年节</a></li><li><a class="meiwen" href="/huati/jianjunjie/">建军节</a></li><li><a class="meiwen" href="/huati/wanshengjie/">万圣节</a></li><li><a class="meiwen" href="/huati/pinganye/">平安夜</a></li><li><a class="meiwen" href="/huati/guanggunjie/">光棍节</a></li><li><a class="meiwen" href="/huati/zhongqiujie/">中秋节</a></li><li><a class="meiwen" href="/huati/guoqingjie/">国庆节</a></li><li><a class="meiwen" href="/huati/ganenjie/">感恩节</a></li><li><a class="meiwen" href="/huati/labajie/">腊八节</a></li><li><a class="meiwen" href="/huati/">更多话题</a></li></ul></div><div class="cl"></div></div><div class="article-right"><div class="meiwen-right fr mb"><dt class="title hd"><h3>栏目导航</h3><i class="lt"></i><i class="rt"></i></dt><ul class="list-nav"><a class="meiwen" href="/c/hqtttttx.html">摄影</a><a class="meiwen" href="/c/vqtttttx.html">故事</a><a class="meiwen" href="/c/uttttttx.html">互联网</a><a class="meiwen" href="/c/cttttttx.html">读书</a><a class="meiwen" href="/c/yttttttx.html">旅行</a></ul></div></div><div class="meiwen-right fr mb"><div class="title hd"><h3>热点阅读</h3><i class="lt"></i><i class="rt"></i></div><ul class="right-list"><li><a class="meiwen" href="/subject/afarnxtx.html">iOS Leaks内存泄漏调试中踩过的坑</a></li><li><a class="meiwen" href="/subject/ofarnxtx.html">致青春</a></li><li><a class="meiwen" href="/subject/nfarnxtx.html">交叉熵与最大似然估计</a></li><li><a class="meiwen" href="/subject/vfarnxtx.html">2018-01-04</a></li><li><a class="meiwen" href="/subject/mfarnxtx.html">2018，只要你做了这件事，一定会像开了挂</a></li><li><a class="meiwen" href="/subject/jfarnxtx.html">漫天大雪飞舞，公益如火如荼——周口青年魏广文了不得</a></li><li><a class="meiwen" href="/subject/lfarnxtx.html">《大雪庐州》</a></li><li><a class="meiwen" href="/subject/cfarnxtx.html">第11期第24节越花越有</a></li><li><a class="meiwen" href="/subject/ffarnxtx.html">信用（概念四）</a></li><li><a class="meiwen" href="/subject/oxarnxtx.html">社交新零售引领时代潮流，“无人技术”与“有人服务”相结合</a></li></ul></div></div></div></div><div class="footer"><p class="p_1"><a href="/about/aboutus.html">关于我们</a>|<a href="/about/service.html">服务条款</a>|<a href="/about/contact.html">联系我们</a>|<a href="/subject/vcarnxtx.html">HTML页面局部刷新时根据数据动态改变<iframe>标签的高度</a>|<a href="/about/tougao.html">投稿指南</a>|<a href="/sitemap.html">网站地图</a>|<a href="/rssmap.html">RSS订阅</a>|<a href="/about/paiban.html">排版工具</a>|<a href="javascript:vod(0);" onclick="Mobileurl()">手机版</a></p><p class="p_2">提供<a href="/meiwen/zhaichao/">经典美文摘抄</a>,<a href="/sanwen/">优美散文欣赏</a>,<a href="/shige/xiandai/">现代诗歌精选</a>,<a href="/xiaoshuo/">短篇小说</a>,<a href="/diary/suibi/">心情随笔</a>,<a href="/qingshu/">表白情书</a><a href="/fanwen/">范文</a>,<a href="/gushi/">故事会在线阅读</a>欣赏</p><p class="p_2">Copyright © 2014-2023 <a href="/">Haomeiwen.com</a> All Rights Reserved. <a href="/">好美文阅读网</a> 版权所有</p><p class="p_2">备案信息：<i></i>桂公网安备 45052102000051号 · 桂ICP备13007215号-3</p><div class="footer_service"><p class="p_2">本站所收录作品、热点评论等信息部分来源互联网，目的只是为了系统归纳学习和传递资讯</p><p class="p_2">所有作品版权归原创作者所有，与本站立场无关，如不慎侵犯了你的权益，请联系我们告知，我们将做删除处理！</p></div></div><script src="https://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script><script type="text/javascript" src="https://apps.bdimg.com/libs/jquery-lazyload/1.9.5/jquery.lazyload.min.js"></script><script type="text/javascript">$("img.lazy").lazyload({effect : "fadeIn"});</script><script type="text/javascript" src="/img/jquery.meiwen.min.js"></script></body></html>
