当前位置：文章中心 - 脚本应用 - iframe自适应高度
相关文章
这里放搜索
最新文章
iframe自适应高度
关键词：iframe,自适应,高度 时间:2008年09月19日 星期五 阅读:265
  1. <script type="text/javascript"> 
  2. function $(obj){(return document.getElementById(obj))}  
  3. var iframeidarr=["demo"] //支持多个 如["id1", "id2"] 
  4.  
  5. function IframeToSuitHeight()  
  6. {  
  7.     var iframe=new Array()  
  8.     for (i=0; i<iframeidarr.length; i++)  
  9.     {  
  10.         if (document.getElementById)  
  11.         {  
  12.             iframe[iframe.length] = $(iframeidarr[i]);  
  13.             if (iframe[i] && !window.opera)  
  14.             {  
  15.                 //如果用户的浏览器是FF 
  16.  
  17.                 if (iframe[i].contentDocument && iframe[i].contentDocument.body.offsetHeight){ 
  18.                     iframe[i].height = iframe[i].contentDocument.body.offsetHeight;  
  19.                 } 
  20.                 else(iframe[i].Document && iframe[i].Document.body.scrollHeight){ 
  21.                     iframe[i].height = iframe[i].Document.body.scrollHeight;  
  22.                 } 
  23.             }  
  24.         }  
  25.     }  
  26. } //如果用户的浏览器是FF 
  27.  
  28. if (window.addEventListener)  
  29.     window.addEventListener("load", IframeToSuitHeight, false)  
  30. else if (window.attachEvent)  
  31.     window.attachEvent("onload", IframeToSuitHeight)  
  32. </script>  
  33. //iframe html 
  34.  
  35. <iframe id="demo" src="index.asp"  
  36. scrolling=no width="100%" height="100" frameborder="no" 
  37. > 
  38. </iframe>  
上一篇：很牛的一个效果！下一篇：JS模拟3D的旋转

0条记录访客评论

暂未有任何评论,你来发表一篇吧！

发表评论

(必填)
(必填)
不想保留信息请删除cookie！
 
友情链接