Mit IFrames ist ein beliebter Weg, um Inhalte von einer HTML -Seite einbetten im Internet in einen anderen übergeordneten Seite . Es gibt eine Reihe von Anwendungen für diese Technik einschließlich Nachladen wichtige Inhalte ohne erfrischend die gesamte Seite . Sie wollen wissen, was die Höhe des iFrame , wenn Sie zum Beispiel einen Scrollbalken in Ihre Seite rund um den iFrame vermeiden wollen. JavaScript macht Berechnung dieser Wert trivial. Anleitung
1
Sie einen Verweis auf den iFrame DOM-Element . Zum Beispiel für ein iFrame mit der ID " Fenstermodus " könnten Sie schreiben den folgenden JavaScript- Code :
var DOMElement = document.getElementById (' Fenstermodus ');
2
Zugang die Höhe des iFrame unter Bezugnahme auf seine internen Dokuments blättern Höhe :
var frameHeight = domElement.contentWindow.document.body.scrollHeight ;
die Variable " frameHeight " enthält jetzt die Anzahl der Pixel groß , dass Ihre iFrame ist . Zum Beispiel, wenn Sie den Code oben für iFrame , die 450 Pixel hoch ist lief , lief dann diesen Code ein:
alert ( frameHeight );
Sie würden ein Popup- Dialogfeld mit der Nummer zu bekommen . " 450 " in ihm
3
setzen Sie einen neuen Höhe für den iFrame durch Zugriff auf seine Höhe Stil-Eigenschaft :
domElement.style.height = frameHeight + 100 + ' px ';
Dies legt die Höhe der alten Höhe plus 100 Pixel. In dem Beispiel , wäre es 450 + 100 + ' px ' sein . In JavaScript , entspricht das 550px .