实现效果:点击左侧右侧内容变化,但左侧保持不变(如折叠等)
动态替换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