原文:vue项目中使用iframe嵌入静态页面,动态获取静态页面的高度赋值给iframe的高度

vue项目中使用iframe嵌入静态页面的时候,会给iframe一个高度,内容超过这个高度时会产生滚动条,但是不想要滚动条,希望iframe的高度是内容高度,那么来一起学习吧。 iframe嵌入的静态图 初始图,希望去掉滚动条 : .在.vue文件中引入iframe,动态给iframe添加高度 path是静态文件路径,docHeight是iframe的高度 .在data中定义iframe的高度 . ...

2021-04-12 15:03 0 759 推荐指数:

查看详情

Js动态获取iframe页面的高度总结

问题的缘由 产品有个评论列表引用的是个iframe高度不固定于是引发这个总结。 方法1:父级页面获取子级页面的高度 给元素设置高度 这方法是用在父级页面里的,通过获取子级页面的高度iframe设置高度 涉及了一些兼容问题: IE用attachEvent | 3C用onload来判断子 ...

Fri Jun 20 00:47:00 CST 2014 1 42719
iframe嵌入页面自适应目标页面的高度

不要把页面放到本地,不然会报错,并且实现不了自适应高度的功能,   报错:Blocked a frame with origin "null" from accessing a cross-origin frame; 原因:跨页面操作涉及域的概念(origin),错误的意思是:未捕获的安全 ...

Tue Nov 14 22:51:00 CST 2017 0 3368
获取iframe(angular 动态页面高度

问题比较特殊,google了好久才得到启示 开发的angular页面,需要嵌入到客户的web页中,以iframe方式。由于iframe高度需要指定,而angular动态生成机制导致页面高度会随时变化, 就会出现2个滚动条,一个是页面本身,一个是iframe里的。 解决方法如下: 1.写 ...

Wed Mar 08 19:51:00 CST 2017 0 2151
页面获取iframe页面的高度

function setIframeHeight(id){ try{ var iframe = document.getElementById(id); if(iframe.attachEvent){ iframe.attachEvent("onload", function ...

Mon Sep 16 22:30:00 CST 2019 0 2444
iframe页面获取页面的高度

最近做项目中用到了iframe,子页面更改父页面的高度,经过九九八十一难,找到了解决的办法。 $(window).load(function() { var h=$(document).height(); var ifHeight = $(window.top.document).find ...

Mon Aug 29 05:01:00 CST 2016 1 4510
iframe根据子页面的内容来设置高度

由于浏览器安全原因以下的contentDocument 和contentWindow 对象必须起一个页面服务(通过域名或ip地址来访问)并且得保证父页面与子页面是在同一域名下,不然是会报错的 contentDocument 可以获得iframe子窗口的document对象,兼容ie8+ ...

Sun Jan 12 06:20:00 CST 2020 0 2367
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM