JavaScript 経由で iframe 内の要素の値を取得する方法

要件分析

プロジェクトに 2 つの HTML a と b があるとします。a.html はどのようにして b.html の要素の値を取得できるでしょうか?

具体的な実装

b ページには入力があります

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

a ページ HTML コード:

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

a ページ JavaScript コード:

//为什么用 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: ページ上のすべてのリソースがロードされて実行されます
$(document).ready(function(){})（相当于jQuery中的$(関数(){} ) ): ページの DOM ノードが作成され、実行されます
$(document).ready(function(){}) を使用すると、値が得られません。その理由は明らかです。
iframeノードは作成されているものの、ページリソースはロードされていませんが、この時点ですぐにJSコードが実行されてしまい、結果として値が取得できず、すべてのページリソースがロードされるまでwindow.onloadが待機することになります。 JSコードを実行する前にロードされます
読んでいただきありがとうございます

以上がJavaScript 経由で iframe 内の要素の値を取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。