So erhalten Sie den Wert eines Elements in einem Iframe über JavaScript-js-Tutorial-php.cn

Anforderungsanalyse Angenommen, unser Projekt hat zwei HTMLs a und b, wie erhält a.html den Wert des Elements in b.html?

Spezifische Implementierung Seite B hat Eingaben

einen Seiten-HTML-Code:

einen Seiten-JavaScript-Code:

//为什么用 window.onload 下面会详解window.onload = function () { //先取到iframe var b= document.getElementById("b"); //通过iframe取其b.html上的值 var hh= b.contentDocument.getElementsByName("hh")[0].value; //弹出消息, 查看正确与否 alert(hh); } window.onload: Alle Ressourcen auf der Seite werden geladen und ausgeführt $ (document).ready(function(){}) (entspricht $ ( in jQuery-Funktion(){}) ): Der DOM-Knoten der Seite wird erstellt und ausgeführt Wenn Sie $(document).ready(function(){}) verwenden, erhalten Sie den Wert nicht. Die Antwort ist offensichtlich: Obwohl der IFrame-Knoten erstellt wurde, wurden die Seitenressourcen nicht geladen, aber der JS-Code wird zu diesem Zeitpunkt sofort ausgeführt. Das Ergebnis ist, dass der Wert nicht abgerufen werden kann und window.onload wartet, bis alle Seitenressourcen vorhanden sind geladen, bevor der JS-Code ausgeführt wird Danke fürs Lesen