`

调整iframe 父页面的高度

 
阅读更多

 

调整iframe  父页面的高度

 

 

 

$(function(){
	//设置默认高度
	var height_default = 250;	
	
	//父页面iframe的id
	var ifrmae_id="ifrmae_1";
	
	//获取子页面实际需要的高度
	var _height=document.body.scrollHeight;

	//判断最小高度
	if(_height<height_default){
		_height=height_default;
	}
	//调整父页面的高度			
	window.parent.document.getElementById(ifrmae_id).height  = _height;			
});

 

 

分享到:
评论

相关推荐

    实时调整iframe的高度

    使用JavaScript监听iframe元素的load事件,然后根据iframe中document的高度来动态调整iframe窗口的高度。简单,可直接使用。

    iframe自适应宽高

    这个库允许的高度与同跨域iframe来适应他们所...在iframe页面链接修复和支持iFrame与父页面之间的链接。 提供自定义的大小和滚动方法。 使家长地位和视口大小的iframe。 与ViewerJS支持PDF和ODF文档。 后备支持到IE8。

    iframe动态适应页面高度

    iframe是网页设计中经常用来装载子页使用的,如何让iframe随着动态装载的子页(主页不刷新)自动适应所装子改变在小是我们经常...现给出两个非常简单的例子,从不同的角度来实现iframe根据最新加载的子页自动调整高度.....

    用javascript动态调整iframe高度的方法

    当你在页面上使用了iframe之后...这里我提供一个兼容IE/NS/Firefox的javascript脚本实现动态调整iframe的高度。如果需要调整宽度的话,原理是一样的,本文不加详述。 首先,在你的主页面上必须包含以下这段javascript代

    自动调节iframe高度,而不显示其滚动条 js

    js脚本: 自动调节iframe高度,而不显示其滚动条

    通过ifame指向的页面高度调整iframe的高度

    通过ifame指向的页面高度调整iframe的高度 1.htm的代码: &lt;iframe src=2.htm id=ifrm&gt;&lt;/iframe&gt; 2.htm的代码: [removed] function resize() {parent.document.all.ifrm.height=document.body....

    iframe_height:跨域 iframe 高度调整

    iframe 高度是一个允许跨域消息传递的简单工具,特别是针对响应式设计调整 iframe 高度的大小。 用法 将 parent.js 文件添加到包含页面,将 child.js 添加到包含页面。 在父页面中调用: IframeResize.load(选项);...

    如何设置iframe高度自适应在跨域情况下的可用方法

    iframe的高度需要根据子页面的实际高度来进行调整。如果iframe的高度小于子页面的实际高度,超出的部分无法显示;相反,如果iframe的高度过高,则页面上会出现大量的空白区域。我们可以通过属性或者CSS来设置iframe...

    iframe-resize:一个非常粗略的jQuery插件,可用于调整iframe的大小

    iframe调整大小 一个简单的实用程序,可将iframe调整为其内容的大小。 用法 $('iframe').iframeResize(); 这会将加载事件处理程序...iframeResize-min-height可用于为iframe设置默认高度,并在加载内容时自动将其删除。

    用javascript动态调整iframe高度的代码

    当你在页面上使用了iframe之后...这里我提供一个兼容IE/NS/Firefox的javascript脚本实现动态调整iframe的高度。如果需要调整宽度的话,原理是一样的,本文不加详述。 首先,在你的主页面上必须包含以下这段javascript代

    Iframe 高度自适应(兼容IE/Firefox、同域/跨域)

    于是自动调整iframe的高度就成为本文的重点。 采用JavaScript来控制iframe元素的高度是iframe高度自适应的关键,同时由于JavaScript对不同域名下权限的控制,引 发出同域、跨域两种情况。 同域时Iframe高度自适应 ...

    iframe-resizer:在页面链接,嵌套和多个iFrame中,支持大小相同的跨域iFrame,并支持窗口内容大小调整

    iFrame Resizer V4 通过该库,可以自动调整... 检测可能导致页面调整大小的事件(“窗口调整大小”,“ CSS动画和过渡”,“方向改变”和“鼠标”事件)。 通过在iFrame和主机页面之间简化了消息传递。 修复了iFrame中

    js实现iframe动态调整高度的代码

    代码如下:function SetWinHeight(obj) { var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight) win....

    自动控制iframe高度的js

    做子页面时经常碰到iframe无法自动调整高度显示问题,本js解决此问题,通用支持各主流浏览器

    jQuery简单实现iframe的高度根据页面内容自适应的方法

    本文实例讲述了jQuery简单实现iframe的高度根据页面内容自适应的方法。分享给大家供大家参考,具体如下: 方式1: //注意:下面的代码是放在和iframe同一个页面中调用 $(#iframeId).load(function () { var ...

    iframe-resizer-react:Iframe-Resizer的官方React界面

    检测可能导致页面调整大小的事件(“窗口调整大小”,“ CSS动画和过渡”,“方向改变”和“鼠标”事件)。 通过简化了iFrame和主机页面之间的消息传递。 修复了iFrame中的页面链接,并支持iFrame和父页面之间的...

    JavaScript实现iframe自动高度调整和不同主域名跨域

    但是问题也来的iframe的高度是固定的不能与第三方网站很好的融合,又例如第三方网站使用了瀑布流插件,要滚动加载自动计算高度,那么先说跨域:iframe主域名不同跨域方法,假如网站 A.com B.com A 里面放入一个...

    多个iframe自动调整大小的问题

    怎样用一个函数,自动调整这个页面里所有iframe的高度呢? function change_size(iframe) { iframe.style.height=info_content.document.body.scrollHeight+1+”px”; } 我用过这种方式,但是等号后面的第一个对象...

Global site tag (gtag.js) - Google Analytics