ホームページ  >  記事  >  ウェブフロントエンド  >  jQuery はページのコンテンツに応じて iframe の高さを調整するメソッドを実装するだけです

jQuery はページのコンテンツに応じて iframe の高さを調整するメソッドを実装するだけです

高洛峰
高洛峰オリジナル
2016-12-27 15:35:231227ブラウズ

この記事の例では、jQuery がページのコンテンツに応じて iframe の高さ調整を実装する方法を簡単に説明します。参考として、次のようにみんなと共有してください:

方法 1:

//注意:下面的代码是放在和iframe同一个页面中调用
$("#iframeId").load(function () {
    var mainheight = $(this).contents().find("body").height() + 30;
    $(this).height(mainheight);
});

方法 2:

//注意:下面的代码是放在iframe引用的子页面中调用
$(window.parent.document).find("#iframeId").load(function () {
    var main = $(window.parent.document).find("#iframeId");
    var thisheight = $(document).height() + 30;
    main.height(thisheight);
});

この記事が jQuery プログラミングのすべての人に役立つことを願っています。

jQuery がページのコンテンツに応じて iframe の高さ調整を実装する方法に関するその他の関連記事については、PHP 中国語 Web サイトに注目してください。

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