JavaScript 経由で iframe 内の要素の値を取得する方法-jsチュートリアル-php.cn

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

具体的な実装 b ページには入力があります

a ページ HTML コード:

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コードを実行する前にロードされます 読んでいただきありがとうございます