app教程网 学习教程 iframe框架自适应大小(iframe自动适应高度)

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

超级简单的方法,不用写什么就能判断出浏览器的高度和宽度。下面两种方法选一个就行了。一个和iframe在同一个页面,另一个在test.html页面。当心不要把它放在错误的地方

注意要写idi帧src='测试。html ' id=' main ' width=' 700 ' height=' 300 ' frame border=' 0 ' scrolling=' auto '/iframejquery代码1://注意:下面的代码是放在test.html调用$(window.parent.document).查找(' #main ').load(function(){ var main=$(window。父母。文档).find(' # main ');var thisheight=$(文档)。身高()30;主要的。身高(这个身高);});jquery代码2://注意:下面的代码是放在和内联框架同一个页面调用$('#main ').load(function(){ var main height=$(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 script type=' text/JavaScript '//注意:下面的代码是放在和内联框架同一个页面调用,放在内联框架下面$('#mainframe ').load(function(){ var main height=$(this).内容()。查找('正文').身高()30;$(这个)。高度(主要高度);});/脚本

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