教你用jquery实现iframe自适应高度
iframe代码,注意要写ID
<iframesrc="test.html"id="main"width="700"height="300"frameborder="0"scrolling="auto"></iframe>
jquery代码一:
//注意:下面的代码是放在test.html调用
$(window.parent.document).find("#main").load(function(){
varmain=$(window.parent.document).find("#main");
varthisheight=$(document).height()+30;
main.height(thisheight);
});
jquery代码二:
//注意:下面的代码是放在和iframe同一个页面调用
$("#main").load(function(){
varmainheight=$(this).contents().find("body").height()+30;
$(this).height(mainheight);
});