Bruke IFrames er en populær måte å legge inn innhold fra en HTML-side på internett til en annen overordnet side . Det finnes en rekke bruksområder for denne teknikken inkludert omlasting nøkkelen innhold uten å oppdatere hele siden. Du vil ønske å vite hva høyden på iFrame er hvis du for eksempel ønsker å unngå et rullefelt på siden din rundt iFrame . JavaScript gjør beregning denne verdien trivielt. Instruksjoner
en
Få en henvisning til iFrame DOM element . For eksempel , for en iFrame med en id av " childframe " kan du skrive følgende JavaScript -kode:
Var domElement = document.getElementById (' childframe ');
2
Tilgang høyden på iFrame ved å henvise til sin interne dokument bla høyde:
Var frameHeight = domElement.contentWindow.document.body.scrollHeight ;
variabelen " frameHeight " nå inneholder antall piksler høye at iFrame er . For eksempel, hvis du kjørte inn koden ovenfor for en iFrame som er 450 piksler høyt , så løp denne koden : en
alert ( frameHeight ) ;
Du vil få en popup dialogboks med nummeret . " 450 " i det
3
Sett en ny høyde for iFrame ved å gå sin høyde stil : en
domElement.style.height = frameHeight + 100 + ' px ';
p Dette setter høyden til den gamle høyden pluss 100 piksler. I eksemplet vil det være 450 + 100 + ' px ' . I JavaScript, tilsvarer at 550px .