国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 密山市| 监利县| 大荔县| 东光县| 青州市| 桃园市| 德保县| 白河县| 长春市| 麦盖提县| 宜都市| 拜泉县| 依安县| 盐山县| 桦甸市| 探索| 江门市| 乌兰察布市| 淄博市| 长春市| 三亚市| 鲁甸县| 商都县| 始兴县| 黔江区| 江北区| 黑水县| 临城县| 景德镇市| 汤阴县| 张家口市| 馆陶县| 焉耆| 安平县| 久治县| 虎林市| 靖安县| 凯里市| 隆子县| 泸水县| 宾阳县|