源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

多个iframe自动调整大小的问题

  • 时间:2021-04-16 08:33 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:多个iframe自动调整大小的问题
一个页面我有多个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中调用父页面的这个函数.这样肯定是 等子页面加载完了 在设置的高度,这样可设置成子页面的实际高度. //父页面的设置高度代码,未测试
[u]复制代码[/u] 代码如下:
function setParentFrameHeight(frameid,height){     var frame= document.getElementById(frameid);     frame.style.height = height;//实际的height可以可以在子页面的body里获得 }
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部