时间戳

首页 > 解决方案 > 将 iFrame 大小设置为内部元素

javascript - 将 iFrame 大小设置为内部元素

问题描述

有没有办法将 iFrame 元素设置为其中元素的大小，不包括边距？

例如，如果我将 iFrame 设置为https://example.com，它将显示

<iframe src="https://example.com"></iframe>

并且我可以使用 CSS 或 JS 更改高度和宽度，但我可以自动设置 iFrame 的宽度和高度，以便没有滚动？

我试着做类似的事情

onload='this.style.height=this.contentWindow.document.body.scrollHeight+"px";this.style.width=this.contentWindow.document.body.scrollWidth+"px";'

但它没有用。

任何帮助将不胜感激。

标签： javascripthtmlcssiframe

解决方案

我认为当 iframe 来自不同的域时这是不可能的。要根据其内容设置 iframe 大小，您需要使用 Javascript 访问此内容并“测量”它。在大多数情况下，您会遇到阻止您访问内容的跨源请求安全错误。

但也许您想使用来自同一域的 iframe 并提供“example.com”作为...示例来实现这一点？

推荐阅读