Använda IFrames är ett populärt sätt att bädda in innehåll från en HTML- sida på internet till en annan förälder sidan . Det finns ett antal användningsområden för denna teknik , inklusive omlastning centrala innehållet utan att uppdatera hela sidan . Du kommer att vilja veta vad höjden av iFrame är om , till exempel , du vill undvika en rullningslist i din sida kring iFrame . JavaScript gör att beräkna detta värde trivialt . Instruktioner
1
Få en hänvisning till iFrame DOM-element . Till exempel , för en iFrame med ett id " childframe " du kunde skriva följande JavaScript -kod :
var domElement = document.getElementById ( ' childframe ');
2
Tillgång höjden av iFrame genom att hänvisa till sin interna dokuments rulla höjd :
var frameHeight = domElement.contentWindow.document.body.scrollHeight ;
variabeln " frameHeight " innehåller nu antalet pixlar högt att din iFrame är . Till exempel , om du körde koden ovan för en iFrame som är 450 pixlar hög , sprang sedan denna kod :
alert ( frameHeight ) ;
Du skulle få ett popup dialogruta med antalet . " 450 " i det
3
Ställ en ny höjd för iFrame genom att gå sin egendom höjd stil :
domElement.style.height = frameHeight + 100 + ' px ' ;
Detta ställer in höjden till den gamla höjden plus 100 pixlar . I exemplet skulle det vara 450 + 100 + ' px ' . I JavaScript , lika som 550px .
