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

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

WBOY
發布: 2016-05-16 16:45:00
原創
1400 人瀏覽過

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);
});
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板