页面导航: 首页网络编程JavaScript应用技巧 → 正文内容 js iframe 高度

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

发布:dxy 字体:[增加 减小] 类型:转载
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> 

Tags:js iframe 高度
浏览次数:载入中... 打印本文关闭本文返回首页

文章评论

共有 位脚本之家网友发表了评论我来说两句

同 类 文 章
最 近 更 新
热 点 排 行