订阅本栏目 RSS您所在的位置: 深山工作室 > HTML > 正文

iframe框架自适应高度代码

深山行者个人网站 2009/12/22 14:07:34 深山行者 字体: 浏览 23019

页面代码:

程序代码
<div style="border:1px solid #7e99c6" id="frameBox">
       <iframe id="frameWin" src="01.html" name="opWin" style="width:100%; height:100% " frameborder="0" scrolling="no" onload="test2()"></iframe>
</div>

js脚本(加在主页面):

 程序代码
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;
}

相关阅读
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
如何加快网站访问速度
自适应高度textarea(文本框)
正则表达式全部符号解释
成都中国青年旅行社开心旅游网
ASP中Utf-8与Gb2312编码转换乱码问题的解决方法页面编码声明
网站页面设计中的Css十大注意
利用CSS里面的A:hover鼠标滑过缩略图时放大图片
更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>同类信息
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
DW设置之后更好用 DreamweaverCS编辑GB2312与UTF-8文件在代码视图中点击鼠标错位问题的解决办法
js指定日期加n天加n月加n年
jquery中动态生成的代码使用on hover事件时不出现效果
更多>>最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>随机抽取信息
利用CSS让网页里的提交按钮变得更漂亮
最新县及县以上1980年以来历史行政区划代码大全截止2018年3月31日
符合标准的正常工作的对联广告
国内组团社旅游服务商建站解决方案
CSS设计符合Web标准的网页表单的几个技巧
asp利用sina提供的ip库端口来获得当前IP所有的地区,所在国,所在省,所在市,在线解析json