时间:2021-05-18
一个页面我有多个iframe,且每个iframe的src都不一样,高度也不一样。
怎样用一个函数,自动调整这个页面里所有iframe的高度呢?
functionchange_size(iframe)
{
iframe.style.height=info_content.document.body.scrollHeight+1+"px";
}
我用过这种方式,但是等号后面的第一个对象不知道应该怎样动态显示。
比如:
functionchange_size(no)
{
varel_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的高度,然后在子页面的bodyonload中调用父页面的这个函数.这样肯定是等子页面加载完了在设置的高度,这样可设置成子页面的实际高度.
//父页面的设置高度代码,未测试 复制代码 代码如下:
functionsetParentFrameHeight(frameid,height){
varframe=document.getElementById(frameid);
frame.style.height=height;//实际的height可以可以在子页面的body里获得
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一:自动适应其屏幕尺寸响应性网站可以根据北京网站用户界面的大小自动调整网页大小,从而可以在各种设备上很好地显示网页。它还可以与多个智能移动浏览终端兼容,并且网页
iframe自动获取onload高宽复制代码代码如下:functionAutoResize(iframe){//firefoxif(iframe.content
在开发项目过程中,用iframe嵌套,会发现一个问题,用iframe嵌套的html结构右边不会自动适应高度。这时候找到了一个解决方法:2、记住要引入iframe
Powerpoint录入文本,会根据文本框的大小,自动调整字体大小。对于某些特定ppt编辑者,会希望关闭此功能。此功能可在“自动更正”选
本文实例讲述了js实现iframe自动自适应高度的方法。分享给大家供大家参考。具体如下:在编写网页的时候,很多时候要用到自动伸缩iframe高度,假如ifram