jquery 实现iframe 自适应高度
引用:http://www.cnblogs.com/luluping/archive/2009/04/17/1437843.html
超级简单的方法,也不用写什么判断浏览器高度、宽度啥的。
下面的两种方法自选其一就行了。一个是放在和iframe同页面的,一个是放在test.html页面的。
注意别放错地方了哦。
iframe代码,注意要写ID
<iframe src="test.html" id="main" width="700" height="300" frameborder="0" scrolling="auto"></iframe>
jquery代码1:
//注意:下面的代码是放在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代码2:
//注意:下面的代码是放在和iframe同一个页面调用
$("#main").load(function(){ var mainheight = $(this).contents().find("body").height()+30; $(this).height(mainheight); });
相关推荐
wutongyuq 2013-04-12
kanpiaoxue 2013-06-19
Tom天天 2013-07-12
pigsmall 2020-11-19
SXIAOYI 2020-09-16
linuxprobe0 2013-04-01
83560193 2013-06-25
kidneybeans 2013-06-17
加菲猫园 2013-06-16
年轻就要对味 2014-07-11
稻草人的高粱地 2014-07-02
smilebestSun 2014-06-12
xusong 2014-05-17
zfszhangyuan 2013-09-12
80183053 2013-09-12
gaozhlzh 2013-09-11
87453169 2014-01-17
graseed 2020-10-28
jinhao 2020-09-07
yoohsummer 2020-06-01
impress 2020-02-20
chenshuixian 2013-06-01