让iframe自适应高度（支持XHTML支持FF）

下面小编跟大家分享一个简单易学的让iframe自适应高度（支持XHTML支持FF）教程，get新技能是需要行动的，喜欢的朋友赶紧收藏起来学习下吧！

先说明，这个办法只限于iframe中的子页面也是本地页面（不能引用外网页面）

======方法=====

第一步 js部分

function getSize() {

var xScroll, yScroll;

if ( && ) {

xScroll = ;

yScroll = + ;

} else if ( ){ // all but Explorer Mac

xScroll = ;

yScroll = ;

} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari

xScroll = ;

yScroll = ;

}

var windowWidth, windowHeight;

if () { // all except Explorer

windowWidth = ;

windowHeight = ;

} else if ( && .clientHeight) { // Explorer 6 Strict Mode

windowWidth = .clientWidth;

windowHeight = .clientHeight;

} else if () { // other Explorers

windowWidth = .clientWidth;

windowHeight = .clientHeight;

}

// for small pages with total height less then height of the viewport

if(yScroll windowHeight){

pageHeight = windowHeight;

y = pageHeight;

} else {

pageHeight = yScroll;

y = pageHeight;

}

if(xScroll windowWidth){

pageWidth = windowWidth;

} else {

pageWidth = xScroll;

}

arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight)

return arrayPageSize;

}

这段代码用来获取目标页的参数，包括页面高、宽，屏幕高、宽

function autoHeight(pid) {

var x = new getSize();

()];

}

这段代码用来实现父页面中iframe的高度自适应

\\\\\

第二步 页面部分

diviframe name="infrm" marginwidth="0" marginheight="0" width="100%" src="park.htm" frameborder="0" scrolling="auto"/iframe

这是父页面的iframe，没什么特别的，和普通的iframe一样，不过要设置好id值，以便子页面的参数调用。

body onload="autoHeight(infrm)"/body

在body中利用onload事件，将自身的高度传给父页面的iframe。