jQuery簡(jiǎn)單實(shí)現(xiàn)iframe的高度根據(jù)頁面內(nèi)容自適應(yīng)的方法(轉(zhuǎn))

本文實(shí)例講述了jQuery簡(jiǎn)單實(shí)現(xiàn)iframe的高度根據(jù)頁面內(nèi)容自適應(yīng)的方法。分享給大家供大家參考,具體如下:

方式1:

//注意:下面的代碼是放在和iframe同一個(gè)頁面中調(diào)用

$("#iframeId").load(function () {

? ? var mainheight = $(this).contents().find("body").height() + 30;

? ? $(this).height(mainheight);

});


方式2:

//注意:下面的代碼是放在iframe引用的子頁面中調(diào)用

$(window.parent.document).find("#iframeId").load(function () {

? ? var main = $(window.parent.document).find("#iframeId");

? ? var thisheight = $(document).height() + 30;

? ? main.height(thisheight);

})

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 自適應(yīng)高度,其實(shí)就是設(shè)置iframe的高度,使其等于內(nèi)嵌網(wǎng)頁的高度,從而看不出來滾動(dòng)條和嵌套痕跡。對(duì)于用戶體驗(yàn)和網(wǎng)...
    布拉德皮蛋_qzy閱讀 3,472評(píng)論 0 3
  • 一:認(rèn)識(shí)jquery jquery是javascript的類庫,具有輕量級(jí),完善的文檔,豐富的插件支持,完善的Aj...
    xuguibin閱讀 1,767評(píng)論 1 7
  • 最近在做pc端項(xiàng)目的時(shí)候由于某些原因吧用了很少接觸的iframe;雖然知道很多坑,但是由于項(xiàng)目需要所以沒有辦法的使...
    小_花花喲閱讀 708評(píng)論 1 0
  • Attribute: $("p").addClass(css中定義的樣式類型); 給某個(gè)元素添加樣式 $("img...
    撲克臉_457e閱讀 664評(píng)論 0 1
  • 我是黑夜里大雨紛飛的人啊 1 “又到一年六月,有人笑有人哭,有人歡樂有人憂愁,有人驚喜有人失落,有的覺得收獲滿滿有...
    陌忘宇閱讀 8,876評(píng)論 28 54

友情鏈接更多精彩內(nèi)容