如何实现iframe嵌入式帧的自适应高度

•     好几次看到有人提问问到如何实现 iframe 的自适应高度，能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象，刚好我在工作中也碰到了类似问题，于是上网翻查，东抄抄西看看，弄出来这么一个函数，贴到页面里面就能用了。不敢独享，大家要是觉得有用，欢迎使用

  源代码如下

  <script type="text/javascript">
   //** iframe自动适应页面 **//

   //输入你希望根据页面高度自动调整高度的iframe的名称的列表
   //用逗号把每个iframe的ID分隔. 例如: ["myframe1", "myframe2"]，可以只有一个窗体，则不用逗号。

   //定义iframe的ID
   var iframeids=["test"]

   //如果用户的浏览器不支持iframe是否将iframe隐藏 yes 表示隐藏，no表示不隐藏
   var iframehide="yes"

   function dyniframesize()
   {
    var dyniframe=new Array()
    for (i=0; i<iframeids.length; i++)
    {
     if (document.getElementById)
     {
      //自动调整iframe高度
      dyniframe[dyniframe.length] = document.getElementById(iframeids[i]);
      if (dyniframe[i] && !window.opera)
      {
       dyniframe[i].style.display="block"
       if (dyniframe[i].contentDocument && dyniframe[i].contentDocument.body.offsetHeight) //如果用户的浏览器是NetScape
        dyniframe[i].height = dyniframe[i].contentDocument.body.offsetHeight;
       else if (dyniframe[i].Document && dyniframe[i].Document.body.scrollHeight) //如果用户的浏览器是IE
        dyniframe[i].height = dyniframe[i].Document.body.scrollHeight;
  

• [1] [2] 下一页 
• 复制本页网址和标题，发送给你QQ/Msn的好友一起分享
  
  
• 如何实现iframe嵌入式帧的自适应高度 相关文章：
• 如何实现iframe嵌入式帧的自适应高度 相关软件

上一篇:Winzip存在多个缓冲区溢出漏洞

下一篇:在网页中控制wmplayer播放器

• 特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
• 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
• 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

精品推荐

热点TOP10

特别推荐