设置首页
-
加入收藏
导航：
博客
-
文章
-
图片
-
下载
-
论坛
[ 首页 ]
[ ASP编程 ]
[ WEB技术 ]
[ 脚本应用 ]
[ 图文教程 ]
[ 站长资讯 ]
当前位置：
文章中心
-
脚本应用
-
装载iframe 子页面，自适应高度
相关文章
iframe自适应高度
iframe跨浏览器高度自适应解决方法
装载iframe 子页面，自适应高度
object 代替 iframe 代码
右边固定，左边自适应布局
左边固定，右边自适应布局
三行三列先显示中间且左右列自适应高度布局
简单页面
使用有趣的自定义标记来布局页面
自适应相同高度的3列布局
这里放搜索
最新文章
检测大写锁定键
JS图片切换
JavaScript 图片滑动切换效果
JavaScript 图片变换效果(ie only)
幻于算法
VBScript实现的escape和unescape功能函数
自动排版工具
精妙SQL语句介绍
CSS无图片实现圆角框
简单的弹出层加遮罩层效果
装载iframe 子页面，自适应高度
关键词：iframe,页面,自适应,高度 时间:2008年07月27日 星期日 阅读:255
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>装载iframe 子页面，自适应高度</title> <script type="text/javascript"> function test2(){ var frameWin = document.getElementById("frameWin"); var frameBox = document.getElementById("frameBox"); var newHeight; if (frameWin.Document){ newHeight = frameWin.Document.body.scrollHeight + 20 + "px"; }else{ newHeight = frameWin.contentDocument.body.scrollHeight+ 20 + "px"; } frameWin.style.height = newHeight; frameBox.style.height = newHeight; } </script> </head> <body> <h1>效果测试!!</h1> <div style="border:1px solid #7e99c6" id="frameBox"> <iframe id="frameWin" src="http://fj126.net" name="opWin" style="width:100%; height:100% " frameborder="0" scrolling="no" onload="test2()"></iframe> </div> </body> </html>
提示：可以先修改部分代码后再运行
上一篇：
局部放大单个图片
下一篇：
很酷的TIP效果
0条记录
访客评论
暂未有任何评论,你来发表一篇吧！
发表评论
昵称
(必填)
内容
(必填)
答案
(必填)
记住我，再次发表不需要重填个人信息。
不想保留信息请
删除cookie
！
友情链接
name
name
与蓝雨对话
Copyright © 2008-2009
蓝雨设计
闽icp备05009764号
Powered by
Bcms X2
. Processed in 0.000000 second(s), 0 queries
0条记录访客评论