javascript iframe高度自适应

最新推荐文章于 2024-08-28 14:23:26 发布

nanyswing

最新推荐文章于 2024-08-28 14:23:26 发布

阅读量113

点赞数

分类专栏： javascript 文章标签： JavaScript IE 脚本 HTML ViewUI

javascript 专栏收录该内容

38 篇文章

订阅专栏

问题：上传图片的时候局部刷新就在页面中放了个iframe，因为里面的内容是变的就需要外层的iframe自动适应高度，iframe没有属性，只能通过js来控制，在内部的iframe里面写上一个函数，加载的时候设置外层iframe的高度，两个还可以多的时候常常遇到跨域的问题，在字iframe中调用父级别的js时可以用parent.window.function()来调用。

<script type="text/javascript">
function TuneHeight() {
	var frm = parent.document.getElementById("blb_iframe");
	var subWeb = parent.document.frames ? parent.document.frames["blb_iframe"].document : frm.contentDocument;
	if(frm != null && subWeb != null) {
	   frm.height = subWeb.body.scrollHeight + 30;
	}
	}
</script>
<body id="bl_main" οnlοad='TuneHeight();bl_piconload()'>

在每个子iframe里面都应用这个js脚本，这个方法有些笨，不过还好解决了我遇到的问题，还有就是要不iframe里面的html的样式margin padding 都设置为0 ，不然在ie下会有一个阴影框，不是太美观。