ホームページ >ウェブフロントエンド >jsチュートリアル >JQuery が iframe の関連ページを操作する方法

JQuery が iframe の関連ページを操作する方法

php中世界最好的语言
php中世界最好的语言オリジナル
2018-04-26 15:47:151548ブラウズ

今回は、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=&#39;jquerymin.js&#39;>
</script>
<body id=&#39;1&#39;>
    <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(&#39;body&#39;); ,忘了可以用前面的方法了
        alert(c.html());
        }
    );
</script>
</html>

で親ページの本文を取得します。この記事のケースを読んだ後は、このメソッドを習得したと思います。さらにエキサイティングな情報がある場合は、php 中国語 Web サイトのその他の関連記事にご注目ください。

推奨読書:

ID (コード付き) に基づいて iframe ページを呼び出す

jquery が iframe をフロントエンドの高さに適応させる方法

以上がJQuery が iframe の関連ページを操作する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。