Usando IFrames é uma maneira popular para incorporar o conteúdo de uma página HTML na Internet para outra página principal. Há um sem número de utilizações para esta técnica , incluindo recarga conteúdo fundamental sem atualizar a página inteira. Você vai querer saber o que a altura do iFrame é se , por exemplo, você quer evitar uma barra de rolagem dentro de sua página em todo o iFrame . JavaScript faz o cálculo deste valor trivial. Instruções
1
Obter uma referência para o elemento DOM iFrame . Por exemplo, para um iFrame com um id " janelas-filhas " , você pode escrever o seguinte código JavaScript :
var DomElement = document.getElementById (' janelas-filhas ');
2
Acesso a altura do iFrame , referindo-se à altura de rolagem de seu documento interno :
var frameHeight = domElement.contentWindow.document.body.scrollHeight ;
A variável " frameHeight " agora contém o número de pixels alto que seu iFrame é . Por exemplo, se você executou o código acima para um iFrame que é de 450 pixels de altura, em seguida, correu este código:
alert ( frameHeight );
Você terá uma caixa de diálogo pop-up com o número " 450 ", em que
3
Definir um novo patamar para o iFrame , acessando a sua propriedade de estilo altura: .
domElement.style.height = frameHeight + 100 + ' px ';
Este define a altura para a idade altura mais 100 pixels. No exemplo , seria de 450 + 100 + ' px ' . Em JavaScript, que é igual a 550px .