动态替换iframe的src及动态改变iframe的高度

时间:2023-03-08 22:32:14
动态替换iframe的src及动态改变iframe的高度

实现效果:点击左侧右侧内容变化,但左侧保持不变(如折叠等)

动态替换iframe的src

<iframe width="100%" frameBorder="0" scrolling="no" id="replaceContent" src="${pageContext.request.contextPath }/analysis/patientAge"></iframe>
$("#replaceContent").attr('src',src);

实现后发现右侧动态部分高度是原来的高度,不是根据iframe的body高度来的

若要跳出父页面,则可用:

 parent.location.href=

动态改变iframe的高度

在iframe子页面中添加

//replaceContent是iframe的名称,body是iframe中的body。这段代码的意思是根据ifame中的具体内容改变包含iframe的元素的高度
$('#replaceContent', parent.document).height($("body").height());

转载请注明出处:https://www.cnblogs.com/yanan7890/p/9753945.html