动态替换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