动态 iframe 长度
来源:互联网 发布:恶魔奶爸sam 与知乎 编辑:程序博客网 时间:2024/04/28 04:29
动态 iframe 长度
From:http://www.blogcn.com/user30/k_reverter/blog/21547341.html
iframe, 尤其是不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是iframe的大小却不像层那样可以“伸缩 自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,我终于知道了让iframe动态体调整高度的方法,主要 是以下JS函数:
最后,加入iframe,不能丢掉onload属性,当然了,id也必须也函数中的cwin匹配
iframe, 尤其是不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是iframe的大小却不像层那样可以“伸缩 自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,我终于知道了让iframe动态体调整高度的方法,主要 是以下JS函数:
function SetCwinHeight()
{
var cwin=document.getElementById("cwin");
if (document.getElementById)
{
if (cwin && !window.opera)
{
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
cwin.height = cwin.contentDocument.body.offsetHeight;
else if(cwin.Document && cwin.Document.body.scrollHeight)
cwin.height = cwin.Document.body.scrollHeight;
}
}
}
{
var cwin=document.getElementById("cwin");
if (document.getElementById)
{
if (cwin && !window.opera)
{
if (cwin.contentDocument && cwin.contentDocument.body.offsetHeight)
cwin.height = cwin.contentDocument.body.offsetHeight;
else if(cwin.Document && cwin.Document.body.scrollHeight)
cwin.height = cwin.Document.body.scrollHeight;
}
}
}
最后,加入iframe,不能丢掉onload属性,当然了,id也必须也函数中的cwin匹配
<iframe width="778" align="center" height="200" id="cwin" name="cwin" onload="Javascript:SetCwinHeight()" frameborder="0" scrolling="no"></iframe>
- 动态 iframe 长度
- 动态 iframe 长度
- iframe 自动适应 长度
- iframe 包含高度长度100%
- iframe动态设置src
- 动态延迟加载iframe
- iframe高度动态自适应
- iframe 动态链接
- iframe高度动态自适应
- 动态设置iframe高度(iframe高度自适应)
- iframe(2) --- 动态设置iframe高度
- iframe根据内容自动调整长度.
- 数组动态设置长度
- javascript动态调整iframe高度
- 动态加载iframe和关闭
- 动态设置iframe的高度
- 动态设置IFrame的高度
- 动态改变页面中iframe
- 福布斯:诺基亚大举进军PC领域 与手机实现同步
- 关于数据仓库的设计!
- Inno Setup 5.22安装脚本示例
- 网店背后的隐秘产业链
- 关于数据仓库和OLAP的问题!
- 动态 iframe 长度
- 输入10个数到数组,输出最大值
- 最近心情很不好
- 如何去掉Joomla! 是基于GNU通用公共授权而发布的自由软件
- 1 关于数据仓库维度数据处理的方法探究系列——维的概述
- Oracle Sql Developer 使用技巧
- STM32启动代码分析问题
- uC/OS-II中的全局变量声明
- Oracle中使用PL/SQL得到服务器和客户端的IP