最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

多个iframe自动调整大小的问题_表单特效

来源:动视网 责编:小采 时间:2020-11-27 20:33:24
文档

多个iframe自动调整大小的问题_表单特效

多个iframe自动调整大小的问题_表单特效:一个页面我有多个iframe,且每个iframe的src都不一样,高度也不一样。 怎样用一个函数,自动调整这个页面里所有iframe的高度呢? function change_size(iframe) { iframe.style.height=info_content.document.body.scro
推荐度:
导读多个iframe自动调整大小的问题_表单特效:一个页面我有多个iframe,且每个iframe的src都不一样,高度也不一样。 怎样用一个函数,自动调整这个页面里所有iframe的高度呢? function change_size(iframe) { iframe.style.height=info_content.document.body.scro


一个页面我有多个iframe,且每个iframe的src都不一样,高度也不一样。
怎样用一个函数,自动调整这个页面里所有iframe的高度呢?

function change_size(iframe)
{
iframe.style.height=info_content.document.body.scrollHeight+1+"px";
}
我用过这种方式,但是等号后面的第一个对象不知道应该怎样动态显示。
比如:
function change_size(no)
{
var el_name = "iframe"+no;
el = document.getElementById(el_name);
el .style.height=el.document.body.scrollHeight+1+"px";
//举例,实际不能调整高度,因为后面的el不能指向正确的对象
}

所以我现在暂时用了这种方式,对应每个iframe用一次
a.style.height = iframe_a.document.body.scrollHeight
b.style.height = iframe_b.document.body.scrollHeight

希望您能给一个更为简单的方法,我解除js没多久,可能问题有点愚蠢,请见谅。
感觉上你这样写的自动调整 会出问题.
如果父页面加载完了,而子页面没有加载完,你控制的iframe高度肯定不会是 你所想的高度.

如果你的子页面和父页面同在一个域名下给你推荐一种简单办法.

在父页面中设置一个函数用来 调整某一个ifame的高度,然后在子页面的body onload中调用父页面的这个函数.这样肯定是 等子页面加载完了 在设置的高度,这样可设置成子页面的实际高度.

//父页面的设置高度代码,未测试 代码如下:
function setParentFrameHeight(frameid,height){
var frame= document.getElementById(frameid);
frame.style.height = height;//实际的height可以可以在子页面的body里获得
}

文档

多个iframe自动调整大小的问题_表单特效

多个iframe自动调整大小的问题_表单特效:一个页面我有多个iframe,且每个iframe的src都不一样,高度也不一样。 怎样用一个函数,自动调整这个页面里所有iframe的高度呢? function change_size(iframe) { iframe.style.height=info_content.document.body.scro
推荐度:
标签: 自动 问题 的问题
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top