设置iframe自适应高度

HTML

<iframe src="main.html" frameborder="0" scrolling="no" id="test" width="100%" onload="this.height=1080"></iframe>

JavaScript

<script type="text/javascript">function reinitIframe() {var iframe = document.getElementById("test");try {var bHeight = iframe.contentWindow.document.body.scrollHeight;var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;var height = Math.max(bHeight, dHeight);iframe.height = height;console.log(height);} catch(ex) {}}window.setInterval("reinitIframe()", 500);
</script>

设置iframe自适应高度相关推荐

angular中跨域设置iframe自适应高度，去滚动条。
A页面的html中有<iframe #frame class="frame" [src]="srcUrl" width="100%" ...
动态获取并设置 iframe 自适应高度
实际需求:页面中有一些固定元素 + 内嵌 iframe 页面,此时如果给 iframe 设置固定高度会导致 iframe 内部滚动,体验不佳. 于是需要动态获取 iframe 实际高度并设置,但有些 ...
iframe 自适应高度的多种实现方式
iframe高度自适应内容需求:实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同时出现滚动条的现象. 设置iframe 自适应高度,使其等于内嵌网页的高度 ...
[转]让iframe自适应高度-真正解决
原文地址:https://www.cnblogs.com/rogge7/p/7762052.html 需求:实现 iframe 的自适应高度,能够随着页面的长度自动的适应以免除页面和 iframe 同 ...
跨域下的iframe自适应高度
采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引发出同域.跨域两种情况. 由于客户端js使用浏览器的同源安全策 ...
php iframe 自适应高度,让iframe自适应高度的讲解
为什么需要使用iframe自适应高度呢?其实就是为了美观,要不然iframe和窗口长短大小不一,看起来总是不那么舒服,特别是对于我们这些编程的来说,如鲠在喉的感觉.在页面中通过iframe嵌入了另外一 ...
vue通过postMessage实现iframe自适应高度，支持跨域
通过消息传递实现iframe自适应高度,支持跨域. 父页面监听消息 <template><iframe id="processFrame" name=" ...
Iframe自适应高度绝对好使的代码兼容IE,遨游，火狐[转]
Iframe自适应高度绝对好使的代码,IE.遨游.火狐.Chrome都兼容,需要的朋友可以参考下. 这是我试了很多相关代码后发现的兼容性最好的Iframe自适应高度代码. <script typ ...

设置iframe自适应高度

设置iframe自适应高度相关推荐

最新文章

热门文章