jsp页面iframe高度自适应的js代码 程序员文章站 2022-06-05 13:14:26 以下操作写在body里面，form表单外 <p>以下操作写在body里面，form表单外</p> <div class="jb51code"> <pre class="brush: java;"> <iframe id="agentframe" name="agentframe" src="" width="0" height="0" style="display:none;" ></iframe> <script type="text/javascript"> function sethash(){ hashh = document.documentelement.scrollheight; //获取自身高度 urlc = "/test.jsp"; //设置iframea的src document.getelementbyid("agentframe").src=urlc+"#"+hashh; //将高度作为参数传递 } window.onload=sethash; </script></pre> </div> <p>test.jsp如下：</p> <div class="jb51code"> <pre class="brush: java;"> <%@ page contenttype="text/html;charset=gbk" language="java"%> <script> function pseth() { var iobj = parent.parent.document.getelementbyid('infoframe'); iobjh = parent.parent.frames["infoframe"].frames["agentframe"].location.hash; iobj.style.height = iobjh.split("#")[1]+"px"; } window.onload=pseth(); </script></pre> </div> </div> <div class="info-pre-next"> <p> 上一篇： <a href="/article/1272803.html"> css position: absolute、relative详解 </a> </p> <p> 下一篇： <a href="/article/1272805.html"> DIV CSS网页布局 最小高度（min-height）的妙用 </a> </p> </div> <div class="wz_tuijian"> <p> 推荐阅读 </p> <ul> <li> <a href="/article/2026623.html" target="_blank" title="jsp页面iframe高度自适应的js代码"> <h2> jsp页面iframe高度自适应的js代码 </h2> </a> </li> <li> <a href="/article/1339116.html" target="_blank" title="js控制iframe的高度/宽度让其自适应内容_javascript技巧"> <h2> js控制iframe的高度/宽度让其自适应内容_javascript技巧 </h2> </a> </li> <li> <a href="/article/1272804.html" target="_blank" title="jsp页面iframe高度自适应的js代码"> <h2> jsp页面iframe高度自适应的js代码 </h2> </a> </li> <li> <a href="/article/1178726.html" target="_blank" title="处理iframe自适应高度的js方法"> <h2> 处理iframe自适应高度的js方法 </h2> </a> </li> <li> <a href="/article/1178736.html" target="_blank" title="iframe 自适应高度JS代码,兼容FF ，IE"> <h2> iframe 自适应高度JS代码,兼容FF ，IE </h2> </a> </li> <li> <a href="/article/1178482.html" target="_blank" title="js实现的真正的iframe高度自适应(兼容IE,FF,Opera)_javascript技巧"> <h2> js实现的真正的iframe高度自适应(兼容IE,FF,Opera)_javascript技巧 </h2> </a> </li> <li> <a href="/article/1078542.html" target="_blank" title="兼容firefox的iframe高度自适应代码_html/css_WEB-ITnose"> <h2> 兼容firefox的iframe高度自适应代码_html/css_WEB-ITnose </h2> </a> </li> <li> <a href="/article/1045126.html" target="_blank" title="兼容主流浏览器的iframe自适应高度js脚本_javascript技巧"> <h2> 兼容主流浏览器的iframe自适应高度js脚本_javascript技巧 </h2> </a> </li> <li> <a href="/article/1030692.html" target="_blank" title="js实现的真正的iframe高度自适应(兼容IE,FF,Opera)_javascript技巧"> <h2> js实现的真正的iframe高度自适应(兼容IE,FF,Opera)_javascript技巧 </h2> </a> </li> <li> <a href="/article/1011336.html" target="_blank" title="兼容firefox的iframe高度自适应代码_html/css_WEB-ITnose"> <h2> 兼容firefox的iframe高度自适应代码_html/css_WEB-ITnose </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>