手机版
网站地图
美文美图
最新动态
你好,欢迎访问
好美文阅读网
个性皮肤
搜索
网站首页
美文
文章
散文
日记
诗歌
小说
故事
句子
作文
签名
祝福语
情书
范文
读后感
文学百科
美文摘抄
节日文章
名家散文
网名大全
座右铭
口号大全
面试技巧
说说大全
阅读答案
诗词默写
流言蜚语
节日祝福
好句子
经典台词
谚语大全
亲情故事
友情故事
表白情书
工作报告
活动总结
心得体会
专题汇总
美文网首页
高度自适应</div></div><div class="article"><div id="title"><h1 class='jian'><iframe>高度自适应</h1></div><div style="text-align:center;padding:5px 10px;background:#FAFFED;border:1px dotted #ccc;">作者: <a href="/user/eqrbzttx.html">_小海绵</a> | 来源:发表于<span>2021-05-20 15:14 被阅读0次<span class="big" id="fontsize"></span></div><div class="content"><div id="rlist" class="rlist"><ol><li><a href="#r1">Iframe高度自适应</a></li><li><a href="#r2">解决iframe高度自适应的问题</a></li><li><a href="#r3">iframe高度自适应并且取消滚动条</a></li><li><a href="#r4">在onload事件触发时，根据body的高度自适应iframe的</a></li><li><a href="#r5">iframe内容汇总</a></li><li><a href="#r6">iframe内容汇总</a></li><li><a href="#r7">iframe高度自适应</a></li><li><a href="#r8">iframe高度自适应</a></li><li><a href="#r9">iframe自适应高度</a></li><li><a href="#r10">iframe自适应高度</a></li></ol></div><pre><code class="html"><iframe id="content" width="100%" frameborder="0"src="符合同源策略的路径" marginwidth="0" marginheight="0" vspace="0" hspace="0" allowtransparency="true" scrolling="no" allowfullscreen="true"></iframe> </code></pre> <pre><code class="javascript">// 此方法适用于未知iframe高度时调用，获取iframe内容的高度动态设置。 function setIframeHeight() { let iframe = document.getElementById("content"); try { let bHeight = iframe.contentWindow.document.body.scrollHeight; let dHeight = iframe.contentWindow.document.documentElement.scrollHeight; let height = Math.max(bHeight, dHeight); iframe.height = height; } catch (ex) {console.log(ex)} } // 页面加载完成或合适的时间调用此方法即可。 setIframeHeight() </code></pre> </div><div class="relateds"><h2>相关文章</h2><ul><li id="r1"><a href="/user/dalgfttx.html"><img src="https://img.haomeiwen.com/ud/5-33d2da32c552b8be9a0548c7a4576607.jpg" width="80"></a><h3><a href="/subject/fzrljttx.html">Iframe高度自适应</a></h3><p>1. 同域iframe高度自适应 2. 跨域iframe高度自适应</p></li><li id="r2"><a href="/user/akuxsttx.html"><img src="https://img.haomeiwen.com/ud/8-a356878e44b45ab268a3b0bbaaadeeb7.jpg" width="80"></a><h3><a href="/subject/exmaxxtx.html">解决iframe高度自适应的问题</a></h3><p>解决iframe高度自适应的问题 最近做某项目，要用到iframe实现类似tab切换的功能，遇到高度不能自适应的问...</p></li><li id="r3"><h3><a href="/subject/aergtctx.html">iframe高度自适应并且取消滚动条</a></h3><p> // // iframe高度自适应 // var ifm= document.getElementById...</p></li><li id="r4"><a href="/user/zdwufxtx.html"><img src="https://img.haomeiwen.com/ud/14-0651acff782e7a18653d7530d6b27661.jpg" width="80"></a><h3><a href="/subject/ekbbvqtx.html">在onload事件触发时，根据body的高度自适应iframe的</a></h3><p>在onload事件触发时，根据body的高度自适应iframe的高度</p></li><li id="r5"><h3><a href="/subject/ennlqxtx.html">iframe内容汇总</a></h3><p>iframe的常规用法就不说了,就那么用,这里总结一下iframe里其他的用法和功能 1.iframe高度自适应 ...</p></li><li id="r6"><a href="/user/kzpifttx.html"><img src="https://img.haomeiwen.com/us1258692/ba432149-0e21-4116-9876-14339b8920ce.jpg" width="80"></a><h3><a href="/subject/tbnzbttx.html">iframe内容汇总</a></h3><p>iframe的常规用法就不说了,就那么用,这里总结一下iframe里其他的用法和功能 1.iframe高度自适应 ...</p></li><li id="r7"><h3><a href="/subject/fknryftx.html">iframe高度自适应</a></h3><p>为了让iframe的高度对内容自适应，给iframe标签设置一个onload事件，具体代码如下： js代码...</p></li><li id="r8"><h3><a href="/subject/dfvbnftx.html">iframe高度自适应</a></h3><p>需求：一个div内包含着一个div(固定高)，和一个iframe, iframe的高取决于外层div(设备高度)减...</p></li><li id="r9"><a href="/user/beaylttx.html"><img src="https://img.haomeiwen.com/is3443874/c54d53e510f37343.png" width="80"></a><h3><a href="/subject/bhyrlxtx.html">iframe自适应高度</a></h3><p>为什么需要使用iframe自适应高度呢？其实就是为了美观，要不然iframe和窗口长短大小不一，看起来总是不那么舒...</p></li><li id="r10"><h3><a href="/subject/scqxpxtx.html">iframe自适应高度</a></h3><p></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"><iframe>高度自适应</font></p><p>本文链接：<font color="#666">https://www.haomeiwen.com/subject/uyxbjltx.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/msxbjltx.html">看《我哥我嫂》有感——善良有度</a></li><li><a class="meiwen" href="/subject/qsxbjltx.html">公众号运营，阅读量和粉丝量哪个更重要？</a></li><li><a class="meiwen" href="/subject/hjxbjltx.html">vue+ts 中使用 watch</a></li><li><a class="meiwen" href="/subject/qjxbjltx.html">double类型转换成int类型</a></li><li><a class="meiwen" href="/subject/udxbjltx.html">【擦边球】</a></li><li><a class="meiwen" href="/subject/orxbjltx.html">课例《乘法分配率》</a></li><li><a class="meiwen" href="/subject/trxbjltx.html">修行</a></li><li><a class="meiwen" href="/subject/vlxbjltx.html">新疆自驾游：帕米尔高原上的特别风景，树“隧道”</a></li><li><a class="meiwen" href="/subject/hlxbjltx.html">Python的标准库turtle之第二课-什么是圆</a></li><li><a class="meiwen" href="/subject/qlxbjltx.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/uyxbjltx.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>
