Brug af IFrames er en populær måde at integrere indhold fra en HTML-side på internettet i en anden overordnede side . Der er en række af anvendelser for denne teknik , herunder ladning centrale indhold uden at opdatere hele siden. Du vil gerne vide, hvad højden af iFrame er, hvis for eksempel , du ønsker at undgå en scroll bar i din side omkring iFrame . JavaScript gør beregning af denne værdi trivielt. Instruktioner
1
Få en henvisning til iFrame DOM element . For eksempel, for en iFrame med et id " Underrammetilstand " kunne skrive følgende JavaScript-kode : Hej
var domElement = document.getElementById ( ' Underrammetilstand ');
2
Adgang højden af iFrame ved at henvise til sin interne dokuments rulle højde : Hej
var frameHeight = domElement.contentWindow.document.body.scrollHeight ,
variablen " frameHeight " indeholder nu antallet af pixels tall at din iFrame er. For eksempel, hvis du kørte koden ovenfor for iFrame , der er 450 pixels høj derefter kørte denne kode : Hej
alert ( frameHeight )
Du ville få en popup dialogboks med nummeret ". 450 " i det
3
Indstil en ny højde for iFrame ved at få adgang sin højde stil ejendom : Hej
domElement.style.height = frameHeight + 100 + ' px «
Dette sætter højden til den gamle højde plus 100 pixels. I eksemplet , ville det være 450 + 100 + ' px « . I JavaScript , lig med 550px .