iframe自适应浏览器大小

最新推荐文章于 2023-12-19 10:25:10 发布

原创最新推荐文章于 2023-12-19 10:25:10 发布 · 536 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#iframe

本文介绍了如何使用JavaScript设置和动态调整iframe的大小，包括设置默认大小和响应窗口大小变化的实现方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//1.首先需要设置iframe默认大小
<pre name="code" class="javascript">var height = $(document).height()-120;//120为top+bottom的高度.

$("#sys_main_iframe").attr("height",height+"px")

//2.改变页面大小时调用
$(window).resize(function() { var width = $(this).width(); var height = $(this).height(); console.log(width); console.log(height); height = height-120;//120为top+bottom的高度. console.log(height); $("#sys_main_iframe").attr("height",height+"px")});