今天网页加了个iframe 通过js制定src,但是当获取iframe的高度时,始终显示0
可以在iframe的width属性设置height和width,
但是动态设置,是iframe,自适应高度,应在iframe每次加载时,load完成之后根据内容改变
- $(function(){
- $("#iframe").load(function(){
- $(this).height($(this).contents().find("#content").height() + 400);
- });
- });
这里的find("#content")是找出iframe内容文档中的id为content的高度(另外比如find("body")),并设置给iframe,
类似的还可以设置宽度
- $(function(){
- $("#ifram").load(function(){
- var height = $(this).contents().find("#box").height() + 40;
- $(this).height( height < 400 ? 400 : height );
- });
- });