国产探花免费观看_亚洲丰满少妇自慰呻吟_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);
});

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

圖片精選

主站蜘蛛池模板: 永丰县| 来安县| 临清市| 佛冈县| 竹山县| 隆德县| 瑞安市| 玛多县| 仙桃市| 六盘水市| 来宾市| 开江县| 合作市| 锦州市| 岑巩县| 大渡口区| 上林县| 长海县| 天气| 耒阳市| 罗城| 喀喇沁旗| 集安市| 卢氏县| 延边| 海兴县| 界首市| 包头市| 繁峙县| 启东市| 苏州市| 固安县| 登封市| 伊春市| 旅游| 连江县| 湖南省| 平远县| 永川市| 固始县| 阜阳市|