1. 程式人生 > >簡單實現iframe的高度根據頁面內容自適應(jQuery方式)

簡單實現iframe的高度根據頁面內容自適應(jQuery方式)

eight var 調用 pos jquery 出現 引用 main body

這篇文章主要介紹了簡單實現iframe的高度根據頁面內容自適應(jQuery方式),以及在ie瀏覽器下的相關問題

方式一:

//註意:下面的代碼是放在和iframe同一個頁面中調用
$("#iframeId").load(function () {
    var mainheight = $(this).contents().find("body").height() + 30;
  //ie下,會出現頁面每點擊一次,增加一次高度,谷歌沒問題 $(
this).height(mainheight); });

方式二:

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

//ie下,會出現頁面每點擊一次,增加一次高度,谷歌沒問題
main.height(thisheight); });

簡單實現iframe的高度根據頁面內容自適應(jQuery方式)