ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 低调看体育直播 >> CSSjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播 >> iframe 自适应高度 iframe自适应高度的多种方法方法小结

iframe 自适应高度 iframe自适应高度的多种方法方法小结(1/3)

来源:网络整理     时间:2016-06-18     关键词:iframe 自适应高度

本篇文章主要介绍了"iframe 自适应高度 iframe自适应高度的多种方法方法小结",主要涉及到iframe 自适应高度方面的内容,对于CSSjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下: 不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使...

不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,让我来告诉大 家一种iframe动态调整高度的方法,主要是以下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;
}
}
}


最后,加入iframe,不能丢掉onload属性,当然了,id也必须也函数中的win匹配

复制代码 代码如下:




这么的这种也是跟上面的解决方法类似的代码
经典代码 iFrame 自适应高度,在IE6/IE7/IE8/Firefox/Opera/Chrome/Safari通过测试。
HTML代码:

复制代码 代码如下:


Javascript代码:


下面这个兼容性更好一些

复制代码 代码如下:

iframe 自适应高度相关图片

iframe 自适应高度相关文章