iframe自适应高度_iframe动态自适应高度

iframe自适应高度_iframe动态自适应高度转载(来源忘记了。。。)<!–内容部分–><divclass=”con”><iframeid=”mainFrame”name=”mainFrame”src=”main.html”style=”width:100%;”frameborder=”0″scrolling=”no”onLoad=”this.height=100″></iframe></div>$(function(){//时间控制每

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

Jetbrains全系列IDE稳定放心使用

转载(来源忘记了。。。)

<!--内容部分-->
<div class="con">
  <iframe id="mainFrame" name="mainFrame" src="main.html" style="width:100%;" frameborder="0" scrolling="no" onLoad="this.height=100" ></iframe>
</div>
$(function () {
    //时间控制每隔200毫秒检查当前页面高度以及滚动高度,测试多遍,cpu占用极少,不明显影响程序运行速度
    window.setInterval("reinitIframe()", 200);
})


//iframe自适应高度,解决了动态更换页面高度无法自适应问题
function reinitIframe() {
    var iframe = document.getElementById("mainFrame");
    try {
        //bHeight 和 dHeight 如果相等,用其一等于iframe.height 即可
        // var bHeight = iframe.contentWindow.document.body.scrollHeight;
        var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
        // var height = Math.max(bHeight, dHeight);
        console.log(dHeight)
        iframe.height = dHeight;
    } catch (ex) { }
}

 

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

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/182905.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • idea配置svn仓库

    idea配置svn仓库IntelliJIDEA使用教程(总目录篇)首先,使用的时候,自己得先在电脑上安装个小乌龟。也就是svn啦。第一步安装小乌龟。如下:具体安装好像没什么具体要求,一路next,就好。如上图箭头所示,在安装TortoiseSVN的时候,默认commandlineclienttools,是不安装的,这里建议勾选上。这个我不确定我当时选没选,不过呢,你给安装上,也是没问题的。把上面的勾选取…

  • mysql官网下载_mysql的jdbc的jar包

    mysql官网下载_mysql的jdbc的jar包1、在百度搜索mysql,点击mysql官网上下载mysql的地址在url直接输入mysql的下载地址也可以:https://dev.mysql.com/downloads/mysql/如图:

  • rsyslog详解

    rsyslog详解一、日志介绍日志概念日志是系统用来记录系统及应用程序运行时的一些相关信息的文本文件日志作用日志是为了保存相关程序的运行状态、错误信息等,为了对系统进行分析、保存历史记录以及在出现错误时发现、分析错误使用linux系统日志类型内核信息服务信息应用程序信息二、rsyslog1、rsyslog介绍rsyslog是linux系统中用来实现日志功能的服务。默认已经安装,并且自动启用。作用:主要用来采集日志,不生产日志其特性包括: 支持输出日志到各种数据库,如MySQ

  • [弗曼学习法] Study for learning methods

    [弗曼学习法] Study for learning methods第一步 -选择一个你想要理解的概念    选择一个你想要理解的概念, 然后拿出一张白纸, 把这个概念写在白纸的最上边.第二步-设想一种场景,你正要向别人传授这个概念    在白纸上写下你对这个概念的解释, 就好像你正在教导一位新接触这个概念的学生一样. 当你这样做的时候, 你会更清楚地意识到关于这个概念你理解了多少, 以及是否还存在理解不清的地方.第三步-如果你感觉卡壳了…

  • present continuous_representative和representation

    present continuous_representative和representationeXtremeComponents指南JeffJohnston版本1.0.0本文档允许在遵守以下两条原则的条件下被使用和传播:1)不能凭借本文档索取任何费用2)以任何方式(印刷物或电子版)使用和传播时本文档时,必须包含本版权申明(更新中…)TableofContents定制FilterCell

发表回复

您的电子邮箱地址不会被公开。

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