iframe框架自适应大小(iframe自适应内容高度)

超级简单的方法，也不用写什么判断浏览器高度、宽度啥的。

下面的两种方法自选其一就行了。一个是放在和内联框架同页面的，一个是放在test.html页面的。

注意别放错地方了哦。

下面是其他两种方法：

内联框架代码，注意要写身份证明

iframe src=' test。html ' id=' main ' width=' 700 ' height=' 300 ' frame border=' 0 ' scrolling=' auto '/iframejquery代码：

//注意：下面的代码是放在test.html调用

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

var main=$(window。父母。文档).find(' # main ')；

var thisheight=$(文档)。身高()30;

主要的。身高(这个身高)；

});jquery代码：

//注意：下面的代码是放在和内联框架同一个页面调用

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

var mainheight=$(this).内容()。查找('正文').身高()30;

$(这个)。高度(主要高度)；

});

第二种有效，不过要注意一点是，增加的射流研究…要写在内联框架下面，放在头部是测试没有效果。

测试代码：

iframe id=' mainframe ' name=' mainframe ' margin width=' 0 ' margin height=' 0 ' src='/Home/activity list ' frame border=' 0 ' width=' 100% ' scrolling=' no ' height=' 100% '/iframe

脚本类型='文本/javascript '

//注意：下面的代码是放在和内联框架同一个页面调用，放在内联框架下面

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

var mainheight=$(this).内容()。查找('正文').身高()30;

$(这个)。高度(主要高度)；

});

/脚本