`
myfreespace
  • 浏览: 222608 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

javascript iframe高度自适应

JavaScriptIE脚本HTML 
阅读更多

问题：上传图片的时候局部刷新就在页面中放了个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" onload='TuneHeight();bl_piconload()'>
 在每个子iframe里面都应用这个js脚本，这个方法有些笨，不过还好解决了我遇到的问题，还有就是要不iframe里面的html的样式margin padding 都设置为0 ，不然在ie下会有一个阴影框，不是太美观。
0
顶
0
踩
分享到：
| javascript textarea moveend选中文本
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics