首页 » 建站 » WEB研究 » 正文

iframe自适应高度的方法

发表于: 汉林设计信息网-翰林院营销顾问 · 2011-8-19 ·  4,079 views  ·  0 replies 

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,最近在做会员中心,需要用到IFRAME。现在,放出我使用的自适应高度的方法,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。

<iframe src="http://www.hanlinweb.com/" id="iframepage" name="iframepage" frameBorder=0 scrolling=no width="100%" onLoad="iFrameHeight()" >

Javascript代码:
<script type="text/javascript" language="javascript">
function iFrameHeight() {
var ifm= document.getElementById("iframepage");
var subWeb = document.frames ? document.frames["iframepage"].document : ifm.contentDocument;
if(ifm != null && subWeb != null) {
ifm.height = subWeb.body.scrollHeight;
}
}
</script>

当然了,方法是很多了,我这个办法未必就是最完美的。合用就好,有更好的,希望给我告知一下。

本文链接: http://www.hanlinweb.com/iframe-height-auto.html
0 like+
«上一篇: :下一篇»

相关文章

微信为什么会成功?

微信为什么会成功?

  有时候判断一个互联网产品的成败,你都不需要看数据...

学习JavaScript的最佳方法

学习JavaScript的最佳方法

学习新的东西是件可怕的事。对我来说,掌握一项新技能最大...

用流程图教你如何看懂流程图

用流程图教你如何看懂流程图

流程图定义:表示生产过程中事物各个环节进行顺序的简图 流...

CSS3网页导航菜单制作利器

CSS3网页导航菜单制作利器

不少童鞋在做菜单的时候灰常纠结。总是希望有一款快速方便...

HTML5须知十件事

HTML5须知十件事

一两年前,HTML5似乎还是一个模糊的概念,只有少数几个互联...

WordPress插件严重漏洞被曝光 可被外部写入文件

WordPress插件严重漏洞被曝光 可被外部写入文件

数十万WordPress用户目前似乎正遭受图像处理插件Timthumb的...

0 thoughts on “iframe自适应高度的方法”

  1. 还没有任何评论,你来说两句吧

Leave a reply