この記事では、2つのiframe間で値を渡すJavasciptの方法について説明します。次のように、参照のために共有してください。
index.htm
<body> <table> <tr> <td> <iframe src = "iframe1.htm" name = "aa"> </iframe> </td> </tr> <tr> <td> <td> <iframe src = "iframe2.htm" name = "bb"> </iframe> </td> </</table> </tail
iframe1.htm
<html> <title> 1 </title> <head> <script type = "text/javascript"> <！ - function aa（）{parent.frames ["bb"]。文書。 parent.frames ["bb"]。document.all ["textbox4"]。value = document.getElementById（ "textbox2"）。value; alert（parent.frames ["bb"]。document.all ["textbox3"]。value）; alert（parent.frames ["bb"]。document.all ["textbox4"]。value）; } // - > </scrip> </head> <body> <form id = "> <input id =" textbox1 "textbox1" text "id" textbox1 "" 1 "/> <input id =" textbox2 "type =" text "" id = "textbox2" value = "2"/> <input id = "type =" 33333 " </form> </body> </html>iframe2.htm
<html> <title> 2 </title> <head> </head> <body> <form id = "b"> <input id = "textbox3" type = "text" "id" "id" = "textbox1" value = "1231111"/> <input id = "textbox4" type = "text" id "" textbox2 "123" 123 "
JavaScript関連のコンテンツの詳細については、このサイトのトピックをご覧ください：「JavaScriptバリュー伝送操作スキルの要約」、「JavaScriptの操作スキルの要約」、「JavaScriptのJSON操作スキルの概要」、JavaScriptスイッチング効果と技術の要約」、「JavaScript Search of Technique and of Algorithmのスキル」の要約をご覧ください。 「JavaScriptエラーとデバッグテクニックの概要」、「JavaScriptデータ構造とアルゴリズムスキルの概要」、「JavaScriptトラバーサルアルゴリズムとテクニックの要約」、「JavaScript数学操作使用量の要約」
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。