iframe框架自适应高度的两种方法

aaa

拖拽窗口iframe也可以自适应高度

方案一

<iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript" language="javascript">
	$(window.parent.document).find("#myiframe").load(function(){	
	var main = $(window.parent.document).find("#myiframe");	
		var thisheight = $(document).height()+30;
		main.height(thisheight);
	});</script>
 

方案二

<iframe name="myiframe" id="myiframe" src="#" frameborder="0" scrolling="no"></iframe>
<script type="text/javascript" language="javascript">	function changeFrameHeight(){		var ifm= document.getElementById("myiframe");
		ifm.height=document.documentElement.clientHeight-56;
	}	window.onresize=function(){ changeFrameHeight();}
	$(function(){changeFrameHeight();});</script>


本文标题:iframe框架自适应高度的两种方法

本文链接:https://www.kaifatu.com/article/1290.html

相关文章

帝国cms 上传的图片前台不显示

一开始这三个字段我设置的是 VARCHAR类型的,当后台上传两张图片之后,不管再怎么上传就是不显示,经过查阅,与后台字段类型有关,因为每个字段类型所能保存的最大字节数是不一样的…

Kaifatu 帝国cms教程
2021-04-16 478

帝国cms更改栏目路径后无法打开新路径文章解决办法

起因:比如把帝国cms栏目路径为dgcms改为diguo,新的栏目下发布文章依旧是旧栏目链接dgcms,解决办法如下:…

Kaifatu 帝国cms教程
2021-07-13 651

帝国cms内容模板制作教程详解(图文)

搜索模板…

Kaifatu 帝国cms教程
2021-04-25 271

帝国CMS列表模板制作教程详解(图文)

前言:列表模板是指信息列表页面使用的模板。…

Kaifatu 帝国cms教程
2021-04-09 269

帝国CMS怎么去掉文章链接日期目录路径

帝国CMS怎么去掉文章链接日期目录路径呢?帝国CMS怎么去掉文章链接日期目录路径呢?这样的怎么实现?其实方法不难,下面帝国cms模板网小编就来为大家分享帝国CMS删除文章链接日期路径的方法: 1、首先我们要在帝国cms后台栏目管理,找到对应…

Kaifatu 帝国cms教程
2021-03-10 659
发表评论
暂无评论