IFrames usando es una forma popular para incrustar el contenido de una página HTML en Internet a otra página padre . Hay un gran número de usos de esta técnica , incluyendo la recarga contenido clave sin actualizar la página entera. Usted va a querer saber lo que la altura del iFrame es si, por ejemplo , se quiere evitar una barra de desplazamiento dentro de la página alrededor del iFrame . Tiene JavaScript calcular este valor trivial. Instrucciones
1
Obtener una referencia al elemento DOM iFrame . Por ejemplo , para un iFrame con un ID de " childframe " podría escribir el siguiente código de JavaScript:
DOMElement var = document.getElementById ( ' childframe ');
2
acceso la altura del iFrame haciendo referencia a la altura de desplazamiento de su documento interno :
var frameHeight = domElement.contentWindow.document.body.scrollHeight ;
la variable " frameHeight " ahora contiene el número de píxeles alto que el iFrame es . Por ejemplo , si ha ejecutado el código de seguridad para un iFrame que es de 450 píxeles de alto , y luego corrió este código:
alerta
( frameHeight ) ;
obtendría un cuadro de diálogo emergente con el número . " 450 " en ella
3
Establecer un nuevo nivel para el iFrame accediendo a su propiedad de estilo altura :
domElement.style.height = frameHeight + 100 + ' px " ;
establece la altura a la altura de edad más 100 píxeles. En el ejemplo , sería 450 + 100 + ' px ' . En JavaScript , que es igual a 550px .