jquery实现iframe自适应高度 iframe 自适应高度

超级简单的方法,也不用写什么判断浏览器高度、宽度啥的。
下面的两种方法自选其一就行了。一个是放在和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实现iframe自适应高度 iframe 自适应高度


jquery代码2:

//注意:下面的代码是放在和iframe同一个页面调用
$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;
$(this).height(mainheight);
});

  

爱华网本文地址 » http://www.aihuau.com/a/25101014/189198.html

更多阅读

Activator怎么用 Activator怎么设置 activator设置锁屏

Activator怎么用 Activator怎么设置——简介Activator 是一款拥有强大功能的插件,在越狱的情况下,它可以与系统对接,实现各种自定义功能。它可以自定义手机上任何的交互动作,比如屏幕的滑动,按钮键,以及晃动手机时把所作出的反应等。下面

jsp自定义标签 之 继承TagSupport类实现 jsp自定义标签开发

关于jsp的自定义标签使用,这里将只是作为一个应用实例参考,学会自定义标签是怎么写的。至于,我们什么时候才需要去自定义标签,还需继续积累经验,进行总结。我所知道的的两种方式如下:1、继承TagSupport,写一个tld文件2、直接写一个tag文件

桂圆红枣枸杞茶的做法 红枣再好4类人也别吃

如今,随着社会生活节奏的加快、竞争压力的加剧,很多女性出现月经不调、痛经、肌肤暗淡无光、脸上长色斑等衰老迹象,让人很无奈。女人要从根本上唤起好气色,延缓衰老,使青春常驻,就要从内部调理开始,通过补血理气、调整营养平衡来塑造靓丽女

央视海峡两岸主持人——李红 海峡两岸李红凸点

几乎每天中午十一点半,我都在看央视四套的海峡两岸节目,主持人李红清新高雅的主持风 格让她在央视众多的主持人中拔萃而出。前天我第一次看见她在一个综艺节目露面,并且参入了其中的文艺节目,才知道她原先是主持文艺节目的。从欢声笑语

声明:《jquery实现iframe自适应高度 iframe 自适应高度》为网友无根草分享!如侵犯到您的合法权益请联系我们删除