jquery怎樣讓iframe自適應前端高度

這次帶給大家jquery怎麼讓iframe自適應前端高度，jquery讓iframe自適應前端高度的注意事項有哪些，下面就是實戰案例，一起來看一下。

iframe程式碼，注意要寫ID

<iframe src="test.html" id="main" 
width
="700" 
height
="300" frameborder="0" scrolling="auto"></iframe>

jquery程式碼一：

//注意：下面的代码是放在test.html调用 
$(window.parent.
document
).find("#main").load(function(){ 
var main = $(window.parent.document).find("#main"); 
var thisheight = $(document).height()+30; 
main.height(thisheight); 
});

jquery程式碼二：

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

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

jQuery跨域操作iframe裡DOM方法

AJAX二級聯動有哪些實作方法

以上是jquery怎樣讓iframe自適應前端高度的詳細內容。更多資訊請關注PHP中文網其他相關文章！