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) ;
	}

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

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

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • windows loader激活工具怎么用_ubuntu双系统开机没有选项

    windows loader激活工具怎么用_ubuntu双系统开机没有选项Readme1.Recovery2.Genuinestatus3.Questionsandanswers4.UEFImotherboards5.Checksums6.Changes7.Arguments8.Extra##################################################################…

    2022年10月12日
    2
  • nodejs

    nodejs

    2021年8月25日
    54
  • hashmap扩容后数据的迁移_HashMap扩容

    hashmap扩容后数据的迁移_HashMap扩容上文回顾在上文深入源码分析HashMap到底是怎样将元素put进去的我们着重分析了无参构造函数是如何创建map对象和HashMap是如何将第一个元素put进table的。此篇重点这篇我们将逐行代码分析1、有参构造函数是如何创建map对象的2、当元素增多导致扩容之后,元素是如何重新分布的同样,为了方便读者复盘,我截取源码是尽量将行号带上。jdk版本还是1.8结构图再重复一遍,HashMap的底层数据结构为数组+链表+红黑树的结构,放一个HashMap的结构示意图,有个大致印象。解剖思路

    2022年9月21日
    2
  • Ubuntu(20.04)中安装Pycharm(2020.1.2)详细教程「建议收藏」

    Ubuntu(20.04)中安装Pycharm(2020.1.2)详细教程「建议收藏」一、下载并解压Pycharm1、官网下载:https://www.jetbrains.com/pycharm/download/#section=linux学习使用,下载community版本即可2、下载下来是tar.gz格式,将文件传入到虚拟机中。vmware安装了增强功能可直接拖拽。如果无法使用,则可以设置共享文件夹,可自行网上搜索。共享后的文件夹在ubuntu中的目录位置是:/mnt/hgfs/你设置的共享文件夹3、将文件复制(cp)或移动(mv)到/opt文件目录下。并解压(ta

    2022年8月26日
    10
  • 关于python项目依赖生成,数据导出和导入

    关于python项目依赖生成,数据导出和导入

    2022年4月2日
    51
  • Java转golang_json数组转json对象

    Java转golang_json数组转json对象1.omitempty如果对应的字段没有值,则忽略,有,则不会略2.-永久忽略代码:packagemainimport(“encoding/json””fmt”)typePersonstruct{Namestring`json:”name”`Ageint`json:”age”`Addrstring`json:”addr,omitempty”`//不存在,则忽略.存在则,不忽略}typeAnimalstru..

    2022年9月18日
    5

发表回复

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

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