首頁 >web前端 >js教程 >教你用jquery實現iframe自適應高度_jquery

教你用jquery實現iframe自適應高度_jquery

WBOY
WBOY原創
2016-05-16 16:45:001401瀏覽

iframe代碼,注意要寫ID

複製代碼 代碼如下:




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);
});
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn