El uso de IFrames es una forma popular para incrustar el contenido de una página HTML en Internet en otra página padre. Hay un gran número de usos de esta técnica incluyendo la recarga de su memoria 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 marco flotante. JavaScript hace que el cálculo de este valor trivial.
Instrucciones
1 Obtener una referencia al elemento iFrame DOM. Por ejemplo, para un iFrame con un ID de "marco hijo" se podría escribir el siguiente código JavaScript:
var DOMElement = document.getElementById ( 'marco hijo');
2 Acceder a la altura del iFrame haciendo referencia a la altura de desplazamiento de su documento interno:
var = frameHeight domElement.contentWindow.document.body.scrollHeight;
El "frameHeight" variable de ahora contiene el número de píxeles de alto que su iFrame es. Por ejemplo, si ha ejecutado el código de seguridad de un iFrame que es de 450 píxeles de alto, y luego corrió este código:
alerta (frameHeight);
Que se obtendría un cuadro de diálogo emergente con el número "450" en ella.
3 Establecer una nueva altura para el marco flotante mediante el acceso a su propiedad estilo altura:
domElement.style.height = frameHeight + 100 + 'px';
Esto define la altura a la altura más antigua 100 píxeles. En el ejemplo, sería 450 + 100 + 'px'. En JavaScript, que es igual a 550px.
Consejos y advertencias
- También puede utilizar las bibliotecas como jQuery para obtener las dimensiones de los elementos DOM incluyendo iFrames.