Met iFrames is een populaire manier om inhoud insluiten van het ene HTML-pagina op het internet in een andere bovenliggende pagina . Er zijn een aantal toepassingen voor deze techniek , waaronder herladen belangrijke inhoud zonder het vernieuwen van de gehele pagina . Wil je weten wat de hoogte van het iFrame is als bijvoorbeeld u wilt een schuifbalk in uw pagina in de iFrame voorkomen . JavaScript maakt het berekenen van deze waarde triviaal . Instructies
1 Krijg een verwijzing naar de iFrame DOM-element . Bijvoorbeeld , voor een iFrame met een id van " dochterframes " je kon schrijven de volgende JavaScript-code : var DOMElement
= document.getElementById ( ' dochterframes ' ) ;
Access 2 de hoogte van het iFrame door te verwijzen naar zijn interne document scroll hoogte : var frameHeight
= domElement.contentWindow.document.body.scrollHeight ;
de variabele " frameHeight " bevat nu het aantal pixels tall dat uw iFrame is . Bijvoorbeeld , als je de code hierboven voor een iFrame dat is 450 pixels hoog rende , rende deze code : alert
( frameHeight ) ;
Je zou een popup venster te komen met het aantal . " 450 " in het
3 Stel een nieuwe hoogte van het iFrame door de toegang tot zijn hoogte stijl eigenschap :
domElement.style.height = frameHeight + 100 + ' px ' ;
Dit stelt de hoogte van de oude hoogte plus 100 pixels . In het voorbeeld zou het 450 + 100 + ' px . In JavaScript , dat . Evenaart 550px
|
