在onload事件触发时，根据body的高度自适应iframe的高度

在onload事件触发时，根据body的高度自适应iframe的高度

        <div class="iframe-wrapper">
            <iframe name="iframe1" onload="this.height=this.contentWindow.document.body.scrollHeight" src="iframe1.html" frameborder="0" width="100%"></iframe>
            <iframe name="iframe2" onload="this.height=iframe2.document.body.scrollHeight" src="iframe2.html" frameborder="0" width="100%"></iframe>
        </div>
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • iframe高度自适应的6个方法
    自适应高度，其实就是设置iframe的高度，使其等于内嵌网页的高度，从而看不出来滚动条和嵌套痕迹。对于用户体验和网...
    布拉德皮蛋_qzy阅读 8,680评论 0赞 3
  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,904评论 1赞 11
  • 让iframe无阻塞异步加载方案研究之路
    这是一篇原创翻译文章。原文地址。 我们会经常使用iframes来加载第三方的内容、广告或者插件。使用iframe是...
    Saxon_323e阅读 9,197评论 0赞 3
  • HTML <iframe>和<frame>标签
    元素会创建包含另外一个文档的内联框架（即行内框架）； 一、align 属性（不赞成） align属性规定ifram...
    puxiaotaoc阅读 19,894评论 0赞 14
  • [SSB] U6L4 Homework
    本次学习内容： 目标词汇:noodles(面条），rice(米饭），burger(汉堡），bread(面包），ch...
    TimmySHENX阅读 1,693评论 0赞 0

友情链接更多精彩内容