国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > JS > 正文

如何通過javascript或者jquery實現(xiàn)iframe自適應內(nèi)容高度和寬度

2024-09-06 12:41:21
字體:
供稿:網(wǎng)友
這篇文章主要為大家詳細介紹了如何通過javascript或者jquery實現(xiàn)iframe自適應內(nèi)容高度和寬度,具有一定的參考價值,感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。

做網(wǎng)站的許多時候需要調(diào)用iframe,但是調(diào)用iframe的高度寬度很難控制好,如果控制不好會比較難看,而且可能部分內(nèi)容看不到,或者出現(xiàn)滾動條,本篇文章就主要講:如何通過javascript或者jquery實現(xiàn)iframe自適應內(nèi)容高度和寬度。

 

javascript原生和jquery庫實現(xiàn)iframe自適應內(nèi)容高度和寬度---361源碼網(wǎng)推薦使用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自適應內(nèi)容高度和寬度。

 

是不是挺簡單的呢,嘿嘿

以上就是如何通過javascript或者jquery實現(xiàn)iframe自適應內(nèi)容高度和寬度的全部內(nèi)容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網(wǎng)。
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 离岛区| 宁都县| 芦溪县| 武清区| 偏关县| 深水埗区| 城固县| 阿合奇县| 和龙市| 东宁县| 贵定县| 蒲江县| 汽车| 崇文区| 靖宇县| 巩留县| 鄂温| 资源县| 罗源县| 吴江市| 通州市| 灵台县| 垫江县| 山东省| 临朐县| 开江县| 讷河市| 达日县| 正定县| 呼和浩特市| 新乡县| 宁强县| 安达市| 泰兴市| 莱西市| 乐亭县| 托克逊县| 宜昌市| 秦皇岛市| 策勒县| 本溪市|