Utilisation IFrame est un moyen populaire pour intégrer du contenu d'une page HTML sur internet dans une autre page de parent. Il ya un certain nombre d'utilisations de cette technique , y compris le rechargement contenu clé sans rafraîchir la page entière. Vous voulez savoir ce que la hauteur de l' iFrame est si, par exemple , vous voulez éviter une barre de défilement au sein de votre Page autour de l'iFrame . JavaScript permet le calcul de cette valeur insignifiante. Instructions
1
obtenir une référence à l'élément DOM iFrame . Par exemple, pour un iFrame avec un id de " cadre enfant " vous pouvez écrire le code JavaScript suivant :
var DomElement = document.getElementById (' cadre enfant ») ;
2
accès la hauteur de l' iFrame en se référant à défilement hauteur de son document interne :
var frameHeight = domElement.contentWindow.document.body.scrollHeight ;
La variable " frameHeight " contient maintenant le nombre de pixels grand que votre iFrame est . Par exemple, si vous avez exécuté le code ci-dessus pour un iFrame qui est de 450 pixels de haut , puis a couru ce code:
alerte
( frameHeight ) ;
vous obtiendrez une boîte de dialogue qui s'affiche avec le numéro . " 450 " dans le
3
Définir une nouvelle hauteur pour le iFrame en accédant à sa propriété de style hauteur :
domElement.style.height = frameHeight + 100 + ' px " ;
définit la hauteur de l'ancienne hauteur majoré de 100 pixels. Dans l'exemple , il serait 450 + 100 + ' px ' . En JavaScript, qui est égal à 550px .