汇盛国际娱乐:javascript实现框架高度随内容改变的

时间: 作者:海证

  

[javascript,框架高度,改变]javascript实现框架高度随内容改变的方法

  

本文实例讲述了javascript实现框架高度随内容改变的方法。分享给大家供大家参考。具体如下:  

  

有两种方法:  

  

一、就是通过父页面改变  

  

这里要理解框架的两个属性 contentWindow 和contentDocument 两个属性的意思和window document意思差不多,不同的是contentWindow 所有浏览器都支持,contentDocument ie6,7不支持,chrome 也不支持  

  
  
    function change_height(){  var iframe=document.getElementById("iframe_id");  //取得框架元素  var i_height=iframe.contentWindow.document.body.scrollHeight||iframe.contentWindow.document.documentElement.scrollHeight;  //取得框架内容的高度  iframe.height=i_height;  //改变  }  
  
  

二、就是通过内容改变  

  

在内容页进行  

  
  
  window.onload=function(){  var 汇盛国际 iframe=parent.document.getElementById("iframe_id");  //取得框架元素  iframe.height=document.body.scrollHeight||document.documentElement.scrollHeight;  //取得框架内容的高度并改变  }  
  
  

希望本文所述对大家的javascript程序设计有所帮助。

  

(责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | 特效插件 | 常用代码 | 样式素材 | 脚本代码 | css特效

Copyright © 2017-2018 汇盛国际 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 汇盛国际平台