jquery實現iframe自適應高度

iframe因爲能和網頁無縫結合,所以可以不刷新頁面更新頁面的部分數據。
可是 iframe的大小卻不像層那樣可以“伸縮自如”,所以帶來了使用上的麻煩,給iframe設置高度的時候多了也不好,少了更是不行。
分享2種使用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; www.jbxue.com
main.height(thisheight); 
});

jquery代碼二:
//注意:下面的代碼是放在和iframe同一個頁面調用 
$("#main").load(function(){ 
var mainheight = $(this).contents().find("body").height()+30; 
$(this).height(mainheight); 
}); 
發佈了38 篇原創文章 · 獲贊 18 · 訪問量 41萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章