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

首頁 > 語言 > JavaScript > 正文

教你用jquery實現iframe自適應高度

2024-05-06 16:07:16
字體:
來源:轉載
供稿:網友
iframe因為能和網頁無縫的結合從而不刷新頁面的情況下更新頁面的部分數據成為可能,可是 iframe的大小卻不像層那樣可以“伸縮自如”,所以帶來了使用上的麻煩,給iframe設置高度的時候多了也不好,少了更是不行,今天我們就來分享2種使用jquery實現iframe自適應高度的代碼

iframe代碼,注意要寫ID

復制代碼 代碼如下:


<iframe src="test.html" frameborder="0" scrolling="auto"></iframe>



jquery代碼一:

復制代碼 代碼如下:


//注意:下面的代碼是放在test.html調用
$(window.parent.document).find("#main").load(function(){
var main = $(window.parent.document).find("#main");
var thisheight = $(document).height()+30;
main.height(thisheight);
});



jquery代碼二:

復制代碼 代碼如下:


//注意:下面的代碼是放在和iframe同一個頁面調用
$("#main").load(function(){
var mainheight = $(this).contents().find("body").height()+30;
$(this).height(mainheight);
});

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 衡水市| 民丰县| 南投市| 农安县| 高碑店市| 同仁县| 宁陕县| 姚安县| 扎囊县| 龙门县| 察哈| 黄浦区| 托克逊县| 英超| 库伦旗| 滦平县| 辉县市| 抚宁县| 涟水县| 保德县| 噶尔县| 凤阳县| 西宁市| 聊城市| 台东县| 哈尔滨市| 沁水县| 广丰县| 会宁县| 友谊县| 中西区| 昌邑市| 泗阳县| 汤阴县| 红原县| 永顺县| 周至县| 黎川县| 卢氏县| 修武县| 象山县|