jqueryはiframe適応高さを実現します.

1515 ワード

回転:http://www.cnblogs.com/luluping/archive/2009/04/17/1437843.html
超簡単な方法です.ブラウザの高さや幅などは何も書かなくてもいいです.次の二つの方法はどちらかを選べばいいです.一つはiframeと同じページに置いたもので、一つはtest.htmlページに置いたものです.場所を間違えないように注意してください.iframeコードは、ID<iframe src=“test”id=“main”width=“700”height=“300”frame border=“0”scrolling=“atot””jqueryコード1:/注意:下のコードはtestmail=windowtfident.(=windowtfiltn)で呼び出します.「𞃳man」;var thisheight=$(document).height()+30;main.height;jqueryコード2://注意:下のコードはiframeと同じページに置いて呼び出します.load(function){var manheight='(this).contensts("body").height()+30;(this).height; 
テストしたことがあります.二つ目は有効です.ただし、増加したJSはiframeの下に書いて、頭に置いてテストすると効果がありません.テストコード:
 
                <iframe id="mainframe" name="mainframe" marginwidth="0" marginheight="0" src="/Home/Activitylist"

                    frameborder="0" width="100%" scrolling="no" height="100%"></iframe>

                <script type="text/javascript">

                    //  :         iframe       ,  iframe  

                    $("#mainframe").load(function () {

                        var mainheight = $(this).contents().find("body").height() + 30;

                        $(this).height(mainheight);

                    });

                </script>