iframe自适应高度和宽度_自适应框架

iframe自适应高度和宽度_自适应框架解决使用iframe的高度适应问题,长高度和短高度都能互相适应。

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

function setIFrameHeight(iframe){

           var ifm_content = document.getElementById(“conFrame”);

           ifm_content.height = “500px”;//默认设置为500px

           var heightContent = “500px”;

           var subContent = document.frames ?document.frames[“conFrame”].document : ifm_content.contentDocument;

           if (iframe == “content”) { //如果传入Ifame Id 等于content 重新给iframe赋值高度

                heightContent =Math.max(subContent.body.scrollHeight, subContent.documentElement.scrollHeight);

                ifm_content.height =heightContent;

           }

       }

实例说明:

我的Html中有一个Iframe 用法如下:

<iframeid=”conFrame” src=”a.html” frameborder=”0″scrolling=”no”

            width=”100%”height=”500px” onload=”setIFrameHeight(‘content’);”></iframe>

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/182632.html原文链接:https://javaforall.net

(0)
上一篇 2022年10月12日 下午10:36
下一篇 2022年10月12日 下午10:36


相关推荐

  • dga 分析_tcga数据库分析

    dga 分析_tcga数据库分析02n-0iy6gn3ozzwmyu.7i43n9qil1g1z2-.com0e527eaf_5ec5_4623_9fe9_e459583acd72.com0fmgm1cuu7h1279dghgka0ltg.com0gqo9jx0ir0rjy4b.com0hm4mqw9hoe3gvajwi.com-0j2zkzul4p5v8zo4d0m.127f5zlwuhq7yy2qufp6l.com…

    2025年8月31日
    4
  • vue 懒加载

    vue 懒加载一 定义 懒加载也叫延迟加载 即按需加载 二 为什么需要懒加载 在单页应用中 如果没有应用懒加载 运用 webpack 打包后的文件将会异常的大 造成进入首页时 需要加载的内容过多 延时过长 不利于用户体验 而运用懒加载则可以将页面进行划分 需要的时候加载页面 可以有效的分担首页所承担的加载压力 减少首页加载用时 三 如何与 webpack 配合实现组件懒加载在 webpack 配置文件中的 o

    2026年3月18日
    2
  • Cursor-Stats 项目最佳实践教程

    Cursor-Stats 项目最佳实践教程

    2026年3月15日
    2
  • Java集合篇:HashMap 与 ConcurrentHashMap 原理总结

    Java集合篇:HashMap 与 ConcurrentHashMap 原理总结一、HashMap原理总结:1、什么是HashMap:(1)HashMap是基于Map接口的非同步实现,线程不安全,是为了快速存取而设计的;它采用key-value键值对的形式存放元素(并封装成Node对象),允许使用null键和null值,但只允许存在一个键为null,并且存放在Node[0]的位置,不过允许存在多个value为null的情况。(2)在JDK7及之前的版本,HashMap的数据结构可以看成“数组+链表”,在JDK8及之后的版本,

    2022年6月24日
    24
  • idea for mac 快捷键设置_macidea使用快捷键

    idea for mac 快捷键设置_macidea使用快捷键最强IDEA关于Mac版本的常用快捷键

    2022年8月31日
    9
  • Angular 8 配置 oidc

    Angular 8 配置 oidc配置相对较为繁琐 最后会放上 Github 源码地址新建一个 ng 项目 ngnewangular oidc 进入目录 cdangular oidc 安装 oidc clientnpmioi clientsave 配置 oidc client 参数打开 environment ts 将下面的代码覆盖原来的内容 import WebStorageSt

    2026年3月26日
    4

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号