设置iframe高度自适应屏幕高度

子枫 [Rainy]

发布于 2022-03-29

309 浏览

<h1 class="postTitle" style="margin: 0px 0px 20px; padding: 0px; font-size: 28px; font-weight: 400; line-height: 1.8; color: rgb(51, 51, 51); font-family: &quot;PingFang SC&quot;, &quot;Microsoft YaHei&quot;, &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; white-space: normal; background-color: rgb(255, 255, 255);"><a class="postTitle2 vertical-middle" href="https://www.cnblogs.com/eleven258/p/9276296.html" style="margin: 0px; padding: 0px; color: rgb(51, 51, 51); text-decoration-line: none;"><span style="margin: 0px; padding: 0px; vertical-align: middle;">设置iframe高度自适应屏幕高度</span></a></h1><pre class="brush:html;toolbar:false">&nbsp;&lt;iframe&nbsp;id=&quot;iframe_0&quot;&nbsp;src=&quot;login.jsp&quot;&nbsp;width=&quot;100%&quot;&nbsp;height=&quot;100%&quot;&nbsp;onload=&quot;changeFrameHeight(this)&quot;&nbsp;scrolling=&quot;yes&quot;&nbsp;frameborder=&quot;no&quot;&nbsp;border=&quot;0&quot;&nbsp;marginwidth=&quot;0&quot;&nbsp;marginheight=&quot;0&quot;&nbsp;allowtransparency=&quot;yes&quot;&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/iframe&gt;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;function&nbsp;changeFrameHeight(that){
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//电脑屏幕高度-iframe上面其他组件的高度
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//例:我这里iframe上面还有其他一些div组件，一共的高度是120，则减去120
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(that).height(document.documentElement.clientHeight&nbsp;-&nbsp;120);
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;}</pre><p><br/></p>

评论输入框

评论列表

没有任何评论

设置iframe高度自适应屏幕高度

评论 (56)

分享图片