框架高度随内容变化的Javascript实现

本文演示了更改Javascript框架的高度和内容的方法,供大家参考:

有两种方法:

一个是通过父页面进行更改。

这里我们需要了解框架的两个属性。对contentwindow和contentdocument两性质的意义几乎是相同的窗口文件。不同的是contentwindow,所有浏览器都支持的,contentdocument ie6,7不支持Chrome不支持。



功能change_height(){
VaR IFRAME = document.getelementbyid(iframe_id );
获取框架元素
无功i_height = iframe。contentwindow。文件。身体。scrollheight | | iframe.contentwindow.document.documentelement.scrollheight;
框架的内容是高度
高度= i_height iframe;
更改
}




两。这是内容的改变

在内容页上


窗口。指针函数(){
VaR IFRAME = parent.document.getelementbyid(iframe_id );
获取框架元素
iframe。高度=文件。身体。scrollheight | | document.documentelement.scrollheight;
框架和内容/变更
}




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