iframe自适应高度和宽度[通俗易懂]

iframe自适应高度和宽度[通俗易懂]iframe自适应高度和宽度可以通过onload事件来操作,如:functioniframLoad(ifm){ try{ $(ifm).height(ifm.contentWindow.document.body.scrollHeight); $(ifm).width(ifm.cont

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

Jetbrains全系列IDE稳定放心使用

iframe自适应高度和宽度可以通过onload事件来操作,如:

<iframe id="iframe-5566" name="iframe-5566" frameborder="0" width="100%" height="98%" style="display:none" οnlοad="iframLoad(this)">                    
                    </iframe>

function iframLoad(ifm){ 
		try{		
			$(ifm).height(ifm.contentWindow.document.body.scrollHeight);
			$(ifm).width(ifm.contentWindow.document.body.scrollWidth);
		}catch(e){
			$(ifm).height(320);//默认高度
			$(ifm).width(320); //默认宽度
		}
	}	

但是
如果
iframe的高度是动态的呢?…我们可以在子页面内做这样的回调:

function autosize(){
		var ifm = parent.document.getElementsByName(window.name)[0];
		parent.iframLoad(ifm) ;
	}

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

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

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

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

(0)


相关推荐

  • pycharm 全局替换 快捷键_pycharm刷新快捷键

    pycharm 全局替换 快捷键_pycharm刷新快捷键写程序的时候突然忘了pycharm里替换的快捷键是啥,百度了一下,有人说是Shift+Ctrl+R,试了一下确实可以,不过把我整个工程里的文件全都改了,还撤销不回来的那种,不知道是咋匹配的,好想捶死那个人,写博客也不写清楚。。。pycharm在一个文件里替换Ctrl+R就可以了,血泪史,记录自己踩过的坑。…

  • 计算机全选的键盘,什么是全选快捷键,我将告诉您什么是计算机全选快捷键

    计算机全选的键盘,什么是全选快捷键,我将告诉您什么是计算机全选快捷键在我们的日常工作中,使用快捷键可以提高我们的工作速度,因此我们会记住一些易于使用的快捷键。许在编辑文本时都想使用全选快捷键,但是他们不知道要在键盘上按哪些键。下面,我将向您介绍选择所有快捷键的计算机。经常使用计算机的朋友更加熟悉计算机常用的一些基本快捷键,并且所有人都使用快捷键进行操作,从而提高了工作效率,但是有些新手网民仍然不了解基本的计算机快捷键键,例如选择计算机的快捷键是什么?有些网友不知道…

  • cocos2dx tolua传递参数分析

    cocos2dx tolua传递参数分析

  • Java 版学生成绩管理系统,附源码[通俗易懂]

    Java 版学生成绩管理系统,附源码[通俗易懂]前言对于计算机专业的学生来讲,一定对于学生成绩管理系统课程设计十分印象深刻。设计、上机、编码、写报告、答辩等一系列流程,虽然很简单,但也可以综合运用我们所学的一些知识了。今天就来复习以下这个课题,用JavaSE来实现该课题,也算是补上当初上课的时候没有好好写的遗憾吧。虽然很简单,但是对于刚涉足编程学习的人来讲,还是有一定难度的,既要考虑界面打印,也要考虑条件判断、循环语句、输入输出控制等等技巧,所以在这里简单地实现一下,方便给初学的小伙伴们一个参考(对于我的界面比较丑的问题,就不要过于纠结了,下

  • Kafka学习之一 Kafka是什么,主要应用在什么场景?

    Kafka学习之一 Kafka是什么,主要应用在什么场景?Kafka是什么,主要应用在什么场景,能为我们解决什么问题

    2022年10月13日
  • fread函数_fread读取数据到数组

    fread函数_fread读取数据到数组详解fread函数

发表回复

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

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