iframe滚动条隐藏高度自适应

< html >

< head >

< title ></ title >

< meta charset = "UTF-8" >

< meta name = "viewport" content = "width=device-width, initial-scale=1" >

</ head >

< body >

< div class = "ifr" onMouseOut = "hideS()" onMouseOver = "showS()" style = " width: 100%; height: 100%;" >

< iframe id = "test" width = "100%" height = "100%" frameborder = "0" src = "" style = "margin:0px;" ></ iframe >

< script language = "JavaScript" >

var iframe = document . getElementById ( "test" );

iframe . src = "./发布管理.html" ;

//以下判断iframe是否加载完,并且隐藏滚动条

if ( iframe . attachEvent ) {

iframe . attachEvent ( "onload" , function () {

hideS ();

document . getElementById ( "loading" ). style . display = "none" ;

});

} else {

iframe . onload = function () {

hideS ();

document . getElementById ( "loading" ). style . display = "none" ;

};

};

function showS () {

document . getElementById ( "test" ). scrolling = "yes" ;

document . getElementById ( "test" ). style . overflow = "scroll" ;

//alert(document.getElementById("test").scrolling);

}

function hideS () {

document . getElementById ( "test" ). scrolling = "no" ;

document . getElementById ( "test" ). style . overflow = "hidden" ;

//alert(document.getElementById("test").style.overflow);

}

< / script >

</ div >

</ body >

</ html >