专栏首页前端资源根据获取内部元素的高度,设置iframe的高度

根据获取内部元素的高度,设置iframe的高度

iframe 是一个非常迷得一个元素,很难直接获取其内部元素的高度。

下面分享一个方法,可以获取 iframe 内部元素的高度:

function setIframeHeight(id){
    try{
        var iframe = document.getElementById(id);
        if(iframe.attachEvent){
            iframe.attachEvent("onload", function(){
                iframe.height =  iframe.contentWindow.document.documentElement.scrollHeight;
            });
            return;
        }else{
            iframe.onload = function(){
                iframe.height = iframe.contentDocument.body.scrollHeight;
            };
            return;
        }
    }catch(e){
        throw new Error('setIframeHeight Error');
    }
}

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 从模版方法模式到 SPI 演变 :好的思想通用而持久

    一般情况下,我们会通过 API 对外提供服务。这里,API 提供服务的接口的逻辑是固定的,换句话说,它具有通用性。但是,但我们遇到具有类似的业务逻辑的场景时,即...

    用户2781897
  • Flask 静态文件、模板文件设置

    在Django项目中,如果需要访问静态文件,默认则是使用 /static 的前缀来进行访问。那么对于Flask来说,也是一样的。

    Devops海洋的渔夫
  • 微信 H5 页面兼容性解决方案

    最近给公司微信公众号,写了微信h5业务页面,总结分享一下前端开发过程中的几个兼容性坑,项目直接拿的公司页面,所以下文涉及图片都模糊处理了。

    ConardLi
  • 2.4.1、Google Analytics高级应用——查看页面上下级

    在GA中查看上下级页面有默认参数:先前页面路径和后续页面路径,但出来的结果往往是前后相等的,错误的,如图2-48所示:

    GA小站
  • vue介绍

    库是一种插件,是一种封装好的特定方法的集合。提供给开发者使用,控制器在使用者手里。

    达达前端
  • 移动端H5页面开发坑点指南

    前言 在平时的H5移动端开发时,我们难免会遇到各种各样的坑点,这篇文章就带着大家来看看怎么解决,文章较长,建议收藏方便以后查阅!

    Javanx
  • Python爬取4500个景点:用echarts热力图分析国庆哪里最堵?

    于是我萌生了通过旅游网站的景点销量来判断近期各景点流量情况的想法(这个想法很危险啊)。

    机器学习AI算法工程
  • 公网端口不够用,用这款神器轻松搞定它!

    一些互联网服务提供商或公司可能已经阻止了大多数网络端口,并且只允许使用少数特定端口(如:80 和 443)来进行服务访问,以加强其安全性。 在这种情况下,如果...

    iMike
  • 拉取一个nginx的容器

    PS:docker exec -it containerID /bin/bash 进入容器

    Criss@陈磊
  • 实体识别+表格识别,A股上市公司公告信息抽取(附数据集+视频)

    数据说明 本次比赛将提供3种类型的数据: 1、原始公告pdf,以{公告id}.pdf命名; 2、公告pdf转换的html文件,以{公告id}.html命名; 3...

    机器学习AI算法工程

扫码关注云+社区

领取腾讯云代金券