Angular 5 iframe设置宽度和高度与其内容相同[重复]

Posted 2023-03-05

【中文标题】Angular 5 iframe设置宽度和高度与其内容相同[重复]

【英文标题】：Angular 5 iframe set width and height same as its content [duplicate]

【发布时间】：2018-10-13 14:46:04

【问题描述】：

我有很多 iframe，我希望每个 iframe 的 height 和 width 都与其内容相同。

例如：如果iframe 内容是1300x300，我需要在我的页面上iframe 将是1300x300。我正在从我的域加载 iframe。

【参考方案1】：

尝试下面的代码并检查

// 加入有

<script>
  function resizeIframe(obj) 
    obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
  
</script>

//更改 iframe

<iframe src="..." frameborder="0" scrolling="no" onload="resizeIframe(this)" />

【讨论】：

我遇到错误：-LB_1v_F9EZ67x_myUKU:1 未捕获的 DOMException：无法从 'htmlIFrameElement' 读取 'contentDocument' 属性：阻止具有源“localhost:4200”的框架访问跨域框架.

我正在从数据库中的 .zip 文件中加载它。

更改页脚中的脚本位置并检查我认为其他 j 查询与脚本代码冲突的问题

不，它正在阻塞，因为如果它是另一个域中的内容，我无法达到 iframe 高度