当前位置: 首页 > 知识 >正文

iframe 高度设置、iframe 自适应高度方法总结

超级简单的方法,不用写什么就能判断出浏览器的高度和宽度。

下面两种方法选一个就行了。一个和iframe在同一个页面,另一个在test.html页面。

当心不要把它放在错误的地方

以下是另外两种方法:

Iframe代码,注意写ID。

iframe src='test.html' id='main' width='700' height='300' frameborder='0' scrolling='auto'/iframe

jquery代码1:

//注意:以下代码是在test.html调用的。

$(window.parent.document).find('#main').load(function(){

var main=$(window.parent.document).find('#main');

var thisheight=$(document).height()+30;

main.height(thisheight);

});

jquery代码2:

//注意:下面的代码是在与iframe相同的页面上调用的。

$('#main').load(function(){

var mainheight=$(this).contents().find('body').height()+30;

$(this).height(mainheight);

});

第二种是有效的,但是要注意添加的JS要写在iframe下,在头部测试是无效的。

测试代码:

iframe id='mainframe' name='mainframe' marginwidth='0' marginheight='0' src='/Home/Activitylist'frameborder='0' width='100%' scrolling='no' height='100%'/iframe

script type='text/javascript'

//注意:以下代码与iframe在同一个页面调用,放在iframe下。

$('#mainframe').load(function () {

var mainheight=$(this).contents().find('body').height() + 30;

$(this).height(mainheight);

});

/script

相关文章:
  • sqlserver删除数据库失败(sql2008错误5120)
  • 【能够穿越周期的基金】嘉实文体娱乐(A类003053,C类003054):聚焦成长机会追求长期收益
  • 6月26日基金净值:银华集成电路混合A最新净值1.0308,跌0.05%
  • 4月6日基金净值:广发价值核心混合A最新净值0.5314,涨0.45%_基金频道_证券之星
  • 7月4日基金净值:易方达悦浦一年持有混合A最新净值1.0217,涨0.07%
  • 4月17日基金净值:交银股息优化混合最新净值2.6771,涨0.52%
  • 5月4日基金净值:南方科创板3年定开混合最新净值0.7683,跌2.78%
  • 6月20日基金净值:天弘中证500ETF联接A最新净值1.161,跌0.04%
  • 6月15日基金净值:易方达沪深300发起式ETF最新净值1.8799,涨1.62%
  • 公募高管频繁变动!履职6年后,这家基金公司总经理离职,曾是基金老将