异步操作执行后子页面重新修改父页面iframe高度
Posted jhycwnqry
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了异步操作执行后子页面重新修改父页面iframe高度相关的知识,希望对你有一定的参考价值。
子页面加入ajax全局方法:
<script language="javascript" type="text/javascript"> $(document).ready(function () {//异步请求加载完成 $.ajaxSetup({ \'complete\': function () { //修改iframe高度 reSizeParentIframe(); } }); }); </script>
修改iframe高度:
//子页面重新修改父页面iframe高度 function reSizeParentIframe() { var realHeight = 0; if (navigator.userAgent.indexOf("Firefox") > 0 || navigator.userAgent.indexOf("Mozilla") > 0 || navigator.userAgent.indexOf("Safari") > 0 || navigator.userAgent.indexOf("Chrome") > 0) { // Mozilla, Safari,Chrome, ... realHeight = window.document.documentElement.offsetHeight + 35; } else if (navigator.userAgent.indexOf("MSIE") > 0) { // IE var bodyScrollHeight = window.document.body.scrollHeight + 21; //取得body的scrollHeight var elementScrollHeight = window.document.documentElement.scrollHeight + 1; //取得documentElement的scrollHeight realHeight = Math.max(bodyScrollHeight, elementScrollHeight); //取当中比较大的一个 } else {//其他浏览器 realHeight = window.document.body.scrollHeight + window.document.body.clientHeight + 1; } if (realHeight < 400) { realHeight = 400; } if ($("#ifm", window.parent.document).is("iframe")) { $("#ifm", window.parent.document).height(realHeight); } }
参考:http://www.cnblogs.com/shenyixin/archive/2013/03/05/2943892.html
以上是关于异步操作执行后子页面重新修改父页面iframe高度的主要内容,如果未能解决你的问题,请参考以下文章
怎样在父页面里获取加载(iframe)另一个网页的高度(父页面获取iframe里面加载页面的高度)
将iframe的内容高度赋值给iframe本身高度,并隐藏iframe里面的垂直滚动条,使iframe和父页面看成是一个整体页面