iframe自动调整大小的常见问题
2019-01-21 02:39:28来源:爱站网 阅读 ()
有时为了方便使用iframe,页面长度没办法固定,显示的页面不仅影响美观,而且给用户操作带来不便,自动调整高度可以解决这个问题,那么iframe自动调整大小的常见问题大家知道吗?爱站技术小编为你解答。
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中调用父页面的这个函数.这样肯定是?等子页面加载完了?在设置的高度,这样可设置成子页面的实际高度.
//父页面的设置高度代码,未测试
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- jquery 操作iframe的几种方法总结 2020-02-22
- 鼠标悬浮停留三秒后自动显示大图js代码 2020-02-21
- nodejs的express自动生成项目框架的方法 2020-02-20
- Div自动滚动到末尾的代码 2019-11-23
- 父页面读取和操作iframe中内容方法 2019-08-29
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash