javascript原生和jquery庫實現(xiàn)iframe自適應(yīng)高度和寬度
更新時間：2014年07月18日 15:08:12 投稿：whsnow
這篇文章主要介紹了javascript原生和jquery庫實現(xiàn)iframe自適應(yīng)內(nèi)容高度和寬度,需要的朋友可以參考下
javascript原生和jquery庫實現(xiàn)iframe自適應(yīng)內(nèi)容高度和寬度---推薦使用jQuery的代碼！
<iframe src="index.php" id="mainiframe" name="mainiframe" width="100%" frameborder="0" scrolling="no" marginwidth="0" marginheight="0"></iframe>
基于Jquery庫的代碼很好實現(xiàn)：
<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原生代碼的實現(xiàn)：
<script language="javascript">
if (window.parent.length>0){window.parent.document.all.mainframe.style.height=document.body.scrollHeight;}
</script>
只需在你被iframe調(diào)用的文件</body>之后加入上面這段即可!
這個也可以控制iframe的高度隨內(nèi)容的多而自動增長
<iframe name="web" width="100%" frameborder=0 height="100%" src="index.php" id="web" onload="this.height=web.document.body.scrollHeight+20" ></iframe>
jquery庫實現(xiàn)iframe自適應(yīng)內(nèi)容高度和寬度
您可能感興趣的文章:
相關(guān)文章
Jquery跨域獲得Json時invalid label錯誤的解決辦法
這兩天用 Jquery 跨域取數(shù)據(jù)的時候，經(jīng)常碰到 invalid label 這個錯誤，十分的郁悶，老是取不到服務(wù)器端發(fā)送回來的 json 值，一般跨域用到的兩個方法為：$.ajax 和 $.getJson2011-01-01
基于JQuery實現(xiàn)相同內(nèi)容合并單元格的代碼
我們就中和下利用JQuery來和他一個table里面相同內(nèi)容的單元格，這里代碼跟大家分享下，希望對大家有用2011-01-01
這篇文章主要介紹了七個不允許錯過的jQuery小技巧，幫助WEB開發(fā)人員開發(fā)出有創(chuàng)意和漂亮的WEB頁面,需要的朋友可以參考下2015-12-12
JQuery EasyUI Layout 在from布局自適應(yīng)窗口大小的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫Query EasyUI Layout 在from布局自適應(yīng)窗口大小的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
本文主要分享了原生JS實現(xiàn)在線問卷調(diào)查投票特效的實例代碼?？芍苯訌?fù)制保存HTML運行查看效果。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
jQuery中closest和parents的區(qū)別分析
本文給大家介紹jquery中parents()和closest()用法與區(qū)別介紹，在jquery中parents()查找父級元素刪除的時候，發(fā)現(xiàn)它不包含根元素，于是用了closest()，效果不錯，下面我來給大家具體的介紹一下2015-05-05
這篇文章主要介紹了jQuery位置選擇器用法,結(jié)合實例形式分析了jQuery位置選擇器的功能、用法及相關(guān)操作注意事項,需要的朋友可以參考下2019-06-06
本文主要通過jQuery基礎(chǔ)知識、選擇要操作的元素及處理DOM元素3個方面給我們做了下小結(jié)，非常的詳盡，推薦給有需要的小伙伴。2014-12-12
這篇文章介紹了Jquery定義對象(閉包)與擴展對象成員的方法，文中通過示例代碼介紹的非常詳細。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-06-06
jQuery+css3動畫屬性制作獵豹瀏覽器寬屏banner焦點圖
本文給大家分享的是使用jQuery結(jié)合CSS3制作的仿獵豹瀏覽器寬屏banner焦點圖特效，代碼很簡單，效果卻非常棒，而且兼容各大瀏覽器，這里推薦給大家，有需要的小伙伴參考下。2015-03-03