ホームページ >ウェブフロントエンド >jsチュートリアル >js操作iframeは、さまざまな主流ブラウザのサンプルコードと互換性があります_javascriptスキル

js操作iframeは、さまざまな主流ブラウザのサンプルコードと互換性があります_javascriptスキル

WBOY
WBOYオリジナル
2016-05-16 17:28:151224ブラウズ

プロジェクトに取り組んでいるときに、iframe の操作に関連する問題が発生しました。実際、iframe 内でフォームを操作するときは、親フォームの関数が呼び出されます。そこで、テスト用に 2 つの非常に単純な HTML ページを作成しました。一般的なオンライン方法を使用すると、Google Chrome は常にエラーを報告し、失敗しました。
親ページparent.htmlのコードは次のとおりです

コードをコピーします コードは次のとおりです:


><script src="jquery -1.10.1.min.js" type="text/javascript"></script> <br><script type="text/javascript"> ParentFunction() { <br>alert ('ParentFunction') <br></script></head> <br><body><input type="button" id ="btnCancel" class="button " value="テスト" /> <br><iframe id="FRMdetail" name="FRMdetail" Frameborder="0" src='child.html' style="width: 100%;height:100%; " ></iframe> <br></body> <br></html> <br><br> <br>サブページ child.html のコードは次のとおりです以下のように<br><br><br> </div> <br>コードをコピー<br><div class="codetitle"> <span> コードは次のとおりです:<a style="CURSOR: pointer" data="83824" class="copybut" id="copybut83824" onclick="doCopy('code83824')"><u> </u><html xmlns="http ://www.w3.org/1999/xhtml"> ; </a><head><title> </span>