iframe用js设定自定义高度

JS代码

function SetWinHeight(obj){
    var win=obj;
    if (document.getElementById){
        if (win && !window.opera){
            if (win.contentDocument && win.contentDocument.body.offsetHeight){
　　　　　　　　　　win.height = win.contentDocument.body.offsetHeight;
            }
            else if(win.Document && win.Document.body.scrollHeight){
                win.height = win.Document.body.scrollHeight;
            }
        }
    }
}

HTML代码

<iframe width="100%" height="500" id="win" name="win" onload="Javascript:SetWinHeight(this)" frameborder="0" scrolling="no" src="default.html"></iframe>
时间： 2024-11-13 10:02:12

iframe用js设定自定义高度的相关文章

LM-diyScroll.js PC自定义滚动条组件

LM-diyScroll.js PC自定义滚动条组件,零依赖! github地址:http://dtdxrk.github.io/LM-diyScroll/ CDN http://dtdxrk.github.io/LM-diyScroll/LM-diyScroll-min.js Demo 实例演示 USE 生成一个有滚动条的实例 var box = new LM_diyScroll({ id:'box', viewHeight:300 }); 显示滚动条 box.barShow(); 隐藏滚动条

jquery iframe取得元素与自适应高度

总结一下iframe在jquery中怎么操作的,下面我来给各位介绍jquery 获取iframe子/父页面的元素及iframe在jquery高度自适应实现方法,各位朋友可参考. jquery方法: 在iframe子页面获取父页面元素 $('#objId', parent.document); 在iframe子页面获取父页面元素 代码如下:  代码如下 复制代码 $('#objId', parent.document); // 搞定... 在父页面 获取iframe子页面的元素代码如下:  代码如

如何同步iframe与嵌入内容的高度

最近频繁的做一些通过iframe在a页面嵌入b页面需求.总结下来,有以下问题需要解决 1.如何同步iframe与嵌入内容的高度 2.将b页面载入到a页面后,如何隐藏掉b页面上的元素,如左导航,顶部导航等等 -如何同步iframe与嵌入内容的高度 a)获取由iframe引入的页面高度 b)同步引入页面与iframe的高度 demo <iframe src="http://jsbin.com/nobefis" id="currentFrame" width=&qu

js 获取浏览器高度和宽度值

js 获取浏览器高度和宽度值 IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.documentElement.clientHeight ==> 可见区域高度 FireFox中: document.body.clientWidth ==> BODY

js实现自定义鼠标右键-------Day45

又是周末了,不过其实这在国外应该算是一周的开始吧,不管怎么说,今天是在休息,放松我紧绷的神经,放松我有些疲惫的精神,昨晚上要裂了般的头疼,仿佛所有的数据都在脑子字面飞舞旋转,伴着一阵阵的恶心,当时把媳妇儿给吓坏了,实在不知道科比是每天怎么看到那凌晨四点钟的太阳的,这体质没法说了,而有一点却是不得不说,这身体真的才是一切的根本,友情建议各位朋友还是好好锻炼身体,我也要好好锻炼身体. 回顾这一周,项目组长的一句话给我很大的触动,原话我记不得怎么说了,大抵意思是说:不论你会多少,你终究要用上了才是你的

AlertDialog设置自定义高度

AlertDialog 在开发中,AlertDialog是十分不错的类,它提供给我们一个通用对话框,我们只需要简单的设置一些东西就可以实现了一个具有简单功能的对话框了,包括按钮,或者是列表等等,但是我们可以注意到一个问题,那就是对话框的大小,它是自适应的,如果内容太大,我们的显示就出现了问题,比如下面的情况: 可以看到,这个内容已经占了很大的空间,看起来不是很美观,所以我们想设置它的自定义大小,比如说就是占屏幕的1/2,这样就可以看起来不错,但是该怎么做的? 自定义高度 源码: String i

JQuery+Js 获取浏览器高度和宽度

JQuery-------做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下. alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括bor

给js设定一个统一的入口

javascript是种脚本语言,浏览器下载到哪儿就会执行到哪儿,这种特性会为编程提供方便,但也容易使程序过于凌乱,支离破碎. js从功能上可以分为两大部分--框架部分和应用部分,框架部分提供的是对js代码的组织作用,包括定义全局变量.命名空间方法等,每个页面都会有相同或类似的框架.应用部分提供的是页面功能逻辑,不同页面会有不同的功能,不同页面应用部分的代码也不尽相同. 给应用部分的js代码一个统一的入口,即: <script type="text/javascript">

多层 iframe 嵌套 js 方法调用

一下午一个这破问题,浪费了不少时间,怎么也实现不了我的上上级iframe 刷新.NND. 实现了,记录一下下吧: window.parent.parent.document.getElementById("content_frame").contentWindow.location.reload(); window.parent.parent.document.getElementById("content_frame").js方法. 多层 iframe 嵌套 js