function setIframeHeight(id){ try{ var iframe = document.getElementById(id); if(iframe.attachEvent){ iframe.attachEvent("onload", function ...
问题的缘由 产品有个评论列表引用的是个iframe,高度不固定于是引发这个总结。 方法 :父级页面获取子级页面的高度 给元素设置高度 这方法是用在父级页面里的,通过获取子级页面的高度给iframe设置高度 涉及了一些兼容问题: IE用attachEvent C用onload来判断子页面是否加载完成。 IE用contentWindow C用contentDocument来获取子页面 IE用docum ...
2014-06-19 16:47 1 42719 推荐指数:
function setIframeHeight(id){ try{ var iframe = document.getElementById(id); if(iframe.attachEvent){ iframe.attachEvent("onload", function ...
最近做项目中用到了iframe,子页面更改父页面的高度,经过九九八十一难,找到了解决的办法。 $(window).load(function() { var h=$(document).height(); var ifHeight = $(window.top.document).find ...
由于浏览器安全原因以下的contentDocument 和contentWindow 对象必须起一个页面服务(通过域名或ip地址来访问)并且得保证父页面与子页面是在同一域名下,不然是会报错的 contentDocument 可以获得iframe子窗口的document对象,兼容ie8+ ...
IFrame里面的子页面html内容变化时,怎么动态改变IFrame的高度? 专业回答 ...
vue项目中使用iframe嵌入静态页面的时候,会给iframe一个高度,内容超过这个高度时会产生滚动条,但是不想要滚动条,希望iframe的高度是内容高度,那么来一起学习吧。 iframe嵌入的静态图(初始图,希望去掉滚动条): 1.在.vue文件中引入iframe,动态 ...
问题比较特殊,google了好久才得到启示 开发的angular页面,需要嵌入到客户的web页中,以iframe方式。由于iframe的高度需要指定,而angular动态生成机制导致页面高度会随时变化, 就会出现2个滚动条,一个是页面本身,一个是iframe里的。 解决方法如下: 1.写 ...
在网上找了很多iframe的高度自适应,发现很多兼容性都不是很好,于是自己总结了一下。 子页面html节点上要有下面红色部分,不然ie浏览器会无限递增 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ...