奇宝库 > iframe框架自适应大小(iframe高度自适应)

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

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

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

注意别放错地方了哦。

下面是其他两种方法:

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

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

jquery代码1:

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

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

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

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

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

});

jquery代码2:

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

$('#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;

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

});

/脚本

本文来自网络,不代表本站立场,转载请注明出处: