装载iframe子页面,自动适应高度,绝对实用 站长,站长素材网,站长资源网,手把手教你做网站美容师 今日更新:0 篇;   本站目前共有文章:210 篇。
当前位置: 网站首页>常用素材 > 实用代码片段正文
1 次

装载iframe子页面,自动适应高度,绝对实用

来源:本站原创 编辑:admin 时间:2009年03月09日 浏览:

假设主页面有一个div,里面放置一个iframe
<div id="frameBox">
<iframe id="frameWin" src="1.html" name="opWin" style="width:100%; height:100% " frameborder="0"  scrolling="no"></iframe>
</div>

3个菜单链接,分别在iframe加载 1.html、2.html、3.html 三个页面。

3个子页面分别在自己页面加载完window.onload执行
function aa(){  
       var newHeight = document.body.scrollHeight + 20 + "px";       
       window.parent.document.getElementById("frameBox").style.height = newHeight;
       //以上firefox通过,但是ie6必须加上下面这句,不然iframe高度是改了,但是可见区域没有改
       window.parent.document.getElementById("frameWin").style.height = newHeight;
}
 

提示:您可以先修改部分代码再运行,复制代码和保存代码功能在Firefox下无效。

上一篇:正则无忧-Web版助手工具- (WebRegExp 2.1)

下一篇:标题在图片上面得几种显示方式(1)

赞助商友情链接

站长常用工具

更多

相关文章

更多

    {$CorrelationArticleList(2§ID Desc§10§§20§25§1§false§false§0§""§§0§left§§§§
  • #Title
  • )}