Comment obtenir la valeur d'un élément dans une iframe via JavaScript

Analyse des exigences

Supposons que notre projet ait deux HTML a et b, a.html Comment obtenir la valeur de l'élément dans b.html ?

Implémentation spécifique

la page b a une entrée

<input name="hh" type="text">

le code HTML d'une page :

<!-- HTML代码, src="指向地址" -->
<!-- 如果不需要b页面展示在a页面, display: none;添加CSS代码隐藏掉 -->
<iframe id="b" src="b.html" style="display: none;    "></iframe>

le code JavaScript d'une page :

//为什么用 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 : Toutes les ressources de la page sont chargées et exécutées
$(document).ready(function(){}) (équivalent à $( en jQuery function(){}) ) : Le nœud DOM de la page est créé et exécuté
Si vous utilisez $(document).ready(function(){}), vous n'obtiendrez pas la valeur Pourquoi ? La réponse est évidente :
. Bien que le nœud iframe ait été créé, les ressources de la page n'ont pas été chargées, mais le code JS est exécuté immédiatement à ce moment-là, et le résultat est que la valeur ne peut pas être obtenue, et window.onload attendra que toutes les ressources de la page soient chargé avant d'exécuter le code JS
Merci d'avoir lu

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!