ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery が iframe の関連ページを操作する方法
今回は、JQueryiframeの関連ページを操作する方法と、JQueryを使用してiframeの関連ページを操作する際の注意事項について、実際の事例を紹介します。
JQUERY IFRAME
以下は、Jquery を使用して iframe の一部のレコードを操作するだけです。これは、純粋な JS を使用して実現できます。
まず、iframe 内の親ページの要素を見つける方法:
$('#id', window.parent. document )
2 番目、親ページの iframe 内の要素を取得する方法:
$(this).contents().find("#suggestBox")
3 番目に、親ページを呼び出します。 iframe で定義されたメソッドと 変数: jquery を使用して
parent.method parent.value
iframe
iframe.html
<html> <script src='jquerymin.js'> </script> <body id='1'> <p>it is a iframe</p> </body> <script> $(document).ready( function() { var c = $(window.parent.document.body) //麻烦的方法: var c = $($(window).eq(0)[0].parent.document).find('body'); ,忘了可以用前面的方法了 alert(c.html()); } ); </script> </html>
で親ページの本文を取得します。この記事のケースを読んだ後は、このメソッドを習得したと思います。さらにエキサイティングな情報がある場合は、php 中国語 Web サイトのその他の関連記事にご注目ください。
推奨読書:
ID (コード付き) に基づいて iframe ページを呼び出す
jquery が iframe をフロントエンドの高さに適応させる方法
以上がJQuery が iframe の関連ページを操作する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。