使用Jquery获得iFrame父页面，动态改变iFrame大小

iteye_1604

于 2011-04-14 13:13:04 发布

阅读量443

点赞数

CC 4.0 BY-SA版权

文章标签： jquery js iframe

本文链接：https://blog.youkuaiyun.com/iteye_1604/article/details/82044795

本文介绍了一种使用JavaScript来动态调整iframe元素高度的方法。通过增加或减少指定的高度值，可以实现iframe内容区域的平滑扩展或收缩效果。此方法适用于需要响应式布局的网页设计。

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

function addSizeFrame(){
	var $mainFrame = $(window.parent.document).find("#mainFrame");
	var height = $mainFrame.height() + 100;
	$mainFrame.height(height);
}
function reduceSizeFrame(){
	var $mainFrame = $(window.parent.document).find("#mainFrame");
	var height = $mainFrame.height() - 100;
	$mainFrame.height(height);
}

$(window.parent.document).find("#mainFrame");

用来获得父页面，并找到id为mainFrame的结点。