当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js实现iframe动态调整高度的代码

Javascript
JavaScript入门教程 Cookies
IE8 浏览器Cookie的处理
JS 强制设为首页的代码
JS之日历实践附实现代码
javascript onkeydown,onkeyup,onkeypress,onclick,ondblclick
JAVASCRIPT keycode总结
javascript 学习之旅 （1）
javascript 学习之旅 （2）
javascript 学习之旅 （3）
[Web]防止用户复制页面内容和另存页面的方法
让网页根据不同IE版本显示不同的内容
让input不可点击的另一种方法
fckeditor 获取文本框值的实现代码
jquery插件jbox使用iframe关闭问题
js获取提交的字符串的字节数
JS IE和FF兼容性问题汇总
js函数使用技巧之 setTimeout(function(){},0)
javascript 模拟select下拉列表特效
js 静态HTML表格排序功能实现
JavaScript 克隆数组最简单的方法

No. « 125 126 127 128 »

技术文章搜索

关键字

Javascript 中的 js实现iframe动态调整高度的代码

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 361 ::
收藏到网摘: n/a

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 width=”778″ align=”center” height=”200″ id=”win” name=”win” onload=”Javascript:SetWinHeight(this)” frameborder=”0″ scrolling=”no”></iframe>