JS实现iframe自适应高度的方法示例 程序员文章站 2023-12-05 18:45:52 本文实例讲述了js实现iframe自适应高度的方法。分享给大家供大家参考，具体如下： <p>本文实例讲述了js实现iframe自适应高度的方法。分享给大家供大家参考，具体如下：</p> <div class="jb51code"> <pre class="brush: javascript;"> <iframe id="mainframe" name="mainframe" src="/zwgk/hsearchview" width="740" frameborder="0" scrolling="no" scrolling="no" frameborder="0" > </iframe> </pre> </div> <div class="jb51code"> <pre class="brush: javascript;"> <script type="text/javascript" language="javascript"> function reinitiframe(){ var iframe = document.getelementbyid("mainframe"); try{ var bheight = iframe.contentwindow.document.body.scrollheight; var dheight = iframe.contentwindow.document.documentelement.scrollheight; var height = math.max(bheight, dheight); iframe.height = height; }catch (ex){} } window.setinterval("reinitiframe()", 100); </script> </pre> </div> <p><span style="color: #800000"><strong>ps:高度自适应应用广泛，本站的很多在线工具也使用了这一技巧，列举如下几个工具供大家参考：</strong></span></p> <p><span style="color: #ff6600"><strong>javascript在线格式化工具(基于beautify.js插件)：<br></strong></span></p> <p><span style="color: #ff6600"><strong>在线颜色选择器工具/rgb颜色查询对照表：<br></strong></span></p> <p><span style="color: #ff6600"><strong>在线个人所得税计算器：<br></strong></span></p> <p><span style="color: #ff6600"><strong>宋词在线查询：<br></strong></span></p> <p>更多关于javascript相关内容感兴趣的读者可查看本站专题：《<a target="_blank" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbS8vd3d3LmpiNTEubmV0L3NwZWNpYWwvMzMyLmh0bQ==" rel="nofollow">javascript操作dom技巧总结</a>》、《<a target="_blank" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbS8vd3d3LmpiNTEubmV0L3NwZWNpYWwvMjc4Lmh0bQ==" rel="nofollow">javascript数组操作技巧总结</a>》、《<a target="_blank" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbS8vd3d3LmpiNTEubmV0L3NwZWNpYWwvMTQ4Lmh0bQ==" rel="nofollow">javascript排序算法总结</a>》、《<a target="_blank" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbS8vd3d3LmpiNTEubmV0L3NwZWNpYWwvMjgxLmh0bQ==" rel="nofollow">javascript遍历算法与技巧总结</a>》、《<a target="_blank" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbS8vd3d3LmpiNTEubmV0L3NwZWNpYWwvMTE5Lmh0bQ==" rel="nofollow">javascript数学运算用法总结</a>》、《<a target="_blank" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbS8vd3d3LmpiNTEubmV0L3NwZWNpYWwvMjk3Lmh0bQ==" rel="nofollow">javascript数据结构与算法技巧总结</a>》、《<a target="_blank" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbS8vd3d3LmpiNTEubmV0L3NwZWNpYWwvNDcyLmh0bQ==" rel="nofollow">javascript查找算法技巧总结</a>》及《<a target="_blank" href="/default/index/url?u=aHR0cHM6Ly93d3cuMTBxaWFud2FuLmNvbS8vd3d3LmpiNTEubmV0L3NwZWNpYWwvNDM5Lmh0bQ==" rel="nofollow">javascript错误与调试技巧总结</a>》</p> <p>希望本文所述对大家javascript程序设计有所帮助。</p> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/2228449.html"> 删除msconfig里面已经删除了的启动项的方法 </a> </p> <p> 下一篇： <a href="/article/2228451.html"> hao123如何抽奖 Hao123马上发钱活动抽奖方法图解 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2228450.html" target="_blank" title="JS实现iframe自适应高度的方法示例"> <h2> JS实现iframe自适应高度的方法示例 </h2> </a> </li> <li> <a href="/article/2224853.html" target="_blank" title="JS实现动态添加DOM节点和事件的方法示例"> <h2> JS实现动态添加DOM节点和事件的方法示例 </h2> </a> </li> <li> <a href="/article/2220634.html" target="_blank" title="node.js实现回调的方法示例"> <h2> node.js实现回调的方法示例 </h2> </a> </li> <li> <a href="/article/2212731.html" target="_blank" title="JS实现的自定义map方法示例"> <h2> JS实现的自定义map方法示例 </h2> </a> </li> <li> <a href="/article/2180160.html" target="_blank" title="JS实现从对象获取对象中单个键值的方法示例"> <h2> JS实现从对象获取对象中单个键值的方法示例 </h2> </a> </li> <li> <a href="/article/2161166.html" target="_blank" title="iframe自适应高度的多种方法方法小结"> <h2> iframe自适应高度的多种方法方法小结 </h2> </a> </li> <li> <a href="/article/2156241.html" target="_blank" title="JS实现数组去重,显示重复元素及个数的方法示例"> <h2> JS实现数组去重,显示重复元素及个数的方法示例 </h2> </a> </li> <li> <a href="/article/2155496.html" target="_blank" title="JS简单实现数组去重的方法示例"> <h2> JS简单实现数组去重的方法示例 </h2> </a> </li> <li> <a href="/article/2128760.html" target="_blank" title="Node.js实现注册邮箱激活功能的方法示例"> <h2> Node.js实现注册邮箱激活功能的方法示例 </h2> </a> </li> <li> <a href="/article/2121093.html" target="_blank" title="JS二叉树的简单实现方法示例"> <h2> JS二叉树的简单实现方法示例 </h2> </a> </li> </ul> </div> </article> </div> </main> <footer><div class="box"><div class="ft_nav"><div class="ft_about"><p>关于网站</p><ul><li><a href="/sitemap.xml" target="_blank" title="网站地图">网站地图</a></li><li><a href="/list/2/" title="最新程序员文章站">最新程序员文章站</a></li></ul></div><div class="ft_contact"><ul><li>本站所有数据收集于网络如有侵犯到您的权益，请联系我们进行下架处理。</li><li class="email_show"></li></ul></div></div><div class="copyright"><div class="cr_left"><p> 备案号：<a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备20058927号</a></p><p>© Copyright © 2020-2022 www.superweb999.com 程序员文章站. </p></div></div></div></footer> </body> </html>