javascript原生和jquery库实现iframe自适应高度和宽度-范文、应用文-IT技术专栏-网络编程-范文大全-在线学习网

网站首页汉语字词英语词汇考试资料写作素材旧版资料

标题	javascript原生和jquery库实现iframe自适应高度和宽度
范文	这篇文章主要介绍了javascript原生和jquery库实现iframe自适应内容高度和宽度,需要的朋友可以参考下。 javascript原生和jquery库实现iframe自适应内容高度和宽度---推荐使用jQuery的代码！ ‍<iframe src="index.php" id="mainiframe" name="mainiframe" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"></iframe> 基于Jquery库的代码很好实现： <script language="javascript" type="text/javascript"> $(document).ready(function(){ $("#mainframe").load(function(){ $(this).height(0); //用于每次刷新时控制IFRAME高度初始化 var height = $(this).contents().height() + 10; $(this).height( height < 500 ? 500 : height ); }); }); </script> ‍基于JS原生代码的实现： <script language="javascript"> if (window.parent.length>0){window.parent.document.all.mainframe.style.height=document.body.scrollHeight;} </script> 只需在你被iframe调用的文件</body>之后加入上面这段即可! 这个也可以控制iframe的高度随内容的多而自动增长 <iframe name="web" frameborder=0 height="100%" src="index.php" id="web" onload="this.height=web.document.body.scrollHeight+20" ></iframe> jquery库实现iframe自适应内容高度和宽度。
随便看	高二政治复习笔记总结高二政治必修四必考知识点高二政治必修书的知识点概括高二学年的政治学详细知识点高二政治会考考试的知识点高二政治会考复习知识点总结高二政治上学期会考知识点归纳高二政治必修一必记的知识点高二政治必修三第四单元知识点分析高二政治必修三第三课知识点归纳高二政治必修一第九课的知识点分析高二政治文科必考知识点总结高二政治会考必用的知识点解析高二政治课堂必记的知识点归纳高二政治必修三各章节的知识点总结高二政治必修四第二单元的知识点总结高二政治会考必背知识点解析高二政治必修三第一单元的知识点解析高二政治必修四第八课知识点解析高二政治必修四总知识点概括高二政治必背知识点归纳总结高二政治上册知识点框架高二政治万能答题技巧高二政治万能答题技巧高二政治必背必考知识点 return on sales return-on-sales returns return ticket return-ticket return-to-base return-to-base return trip return trip return visit 飞来器飞来横祸飞松飞架飞桥飞檄飞檐飞檐走壁飞步飞毛腿 2014年山西省对口升学招生考试网上报名有哪些要注意厦门市自考毕业证如何领取阜阳师范学院2014年普通专升本招生成绩查询通知贵阳职业技术学院网2013年建筑工程系建筑工程技术专业介绍南宁学院2013年营销与策划专业介绍南宁学院2013年物业管理专业介绍 2014年山西省对口升学填报志愿问题南宁学院2013年市场营销专业介绍南宁学院2013年市场营销专业介绍南宁学院2013年工商企业管理专业介绍

在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。