【问题标题】:Angular 5 iframe set width and height same as its content [duplicate]Angular 5 iframe设置宽度和高度与其内容相同[重复]
【发布时间】:2018-10-13 14:46:04
【问题描述】:

我有很多 iframe,我希望每个 iframeheightwidth 都与其内容相同。

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

【问题讨论】:

    标签: javascript jquery angular typescript


    【解决方案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 高度
    猜你喜欢
    • 2017-12-25
    • 2013-11-22
    • 2015-01-18
    • 2013-09-16
    • 1970-01-01
    • 2019-09-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-29
    相关资源
    最近更新 更多