亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 網站 > 網頁設計 > 正文

網頁設計技巧:iframe自適應高度的問題

2024-08-30 08:34:53
字體：大 中 小
來源：轉載
供稿：網友
可能有人還沒接觸到這個問題過，先說明一下，什么是自適應高度吧。所謂iframe自適應高度，就是，基于界面美觀和交互的考慮，隱藏了iframe的border和scrollbar，讓人看不出它是個iframe。如果iframe始終調用同一個固定高度的頁面，我們直接寫死iframe高度就可以了。而如果iframe要切換頁面，或者被包含頁面要做DOM動態操作，這時候，就需要程序去同步iframe高度和被包含頁的實際高度了。
順便說下，iframe在迫不得已的時候才去用，它會給前端開發帶來太多的麻煩。
傳統做法大致有兩個：
方法一，在每個被包含頁在本身內容加載完畢之后，執行JS取得本頁面的高度，然后去同步父頁面的iframe高度。
方法二，在主頁面iframe的onload事件中執行JS，去取得被包含頁的高度內容，然后去同步高度。
在代碼維護角度考慮，方法二是優于方法一的，因為方法一，每個被包含頁都要去引入一段相同的代碼來做這個事情，創建了好多副本。
兩個方法都只處理了靜的東西，就是只在內容加載的時候執行，如果JS去操作DOM引起的高度變化，都不太方便。
如果在主窗口做一個Interval，不停的來獲取被包含頁的高度，然后做同步，是不是即方便，又解決了JS操作DOM的問題了呢？答案是肯定的。
Demo頁面：主頁面 iframe_a.html ，被包含頁面 iframe_b.htm 和 iframe_c.html
主頁面代碼示例：

復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
中文字幕国产精品久久| 国产精品青草久久久久福利99| 日韩欧美aaa| 久热精品视频在线免费观看| 久久久久久久久久国产精品| 亚洲国产成人精品一区二区| 国产成人精品在线播放| 日韩精品有码在线观看| 国产女人精品视频| 亚洲午夜国产成人av电影男同| 久久久噜噜噜久噜久久| 欧美黄色三级网站| 亚洲一区二区三区四区在线播放| 久久久噜噜噜久久| 亚洲aa在线观看| 91九色国产社区在线观看| 青青在线视频一区二区三区| 精品一区电影国产| 欧美日本黄视频| 国产精品自拍网| 国产精品久久久久久久久久久新郎| 欧美性视频网站| 久久不射热爱视频精品| 日韩亚洲国产中文字幕| 精品在线欧美视频| 一本色道久久综合亚洲精品小说| 欧美韩国理论所午夜片917电影| 最近2019中文免费高清视频观看www99| 最近免费中文字幕视频2019| 91久久精品久久国产性色也91| 国产精品久久久一区| 欧美日韩另类字幕中文| 精品视频在线播放色网色视频| 国内免费久久久久久久久久久| 6080yy精品一区二区三区| 久久99精品视频一区97| 国产精品综合久久久| 亚洲一区二区久久久久久久| 日韩极品精品视频免费观看| 亚洲精品一区在线观看香蕉| 亚洲第一精品自拍| 欧美午夜精品在线| 久久成人精品视频| 欧美做受高潮1| 日韩欧美精品在线观看| 精品国产一区二区三区久久| 成人中文字幕在线观看| 伊人一区二区三区久久精品| 九九热这里只有精品免费看| 欧美日韩福利在线观看| 久久久国产在线视频| 国产亚洲a∨片在线观看| 国产精品igao视频| 日韩在线观看网站| 久久综合五月天| 日韩欧美在线字幕| 欧美成人精品一区| www.久久撸.com| 亚洲欧美国产精品专区久久| www亚洲欧美| 国产精品久久久久久久久久久久| 亚洲免费小视频| 精品成人久久av| 国产精品福利在线观看| 国产精品免费福利| 日韩精品极品在线观看| 国产精品欧美一区二区| 欧美黄色性视频| 欧美做受高潮电影o| 精品国产老师黑色丝袜高跟鞋| 欧美高清自拍一区| 久久大大胆人体| 国产男人精品视频| 久久久久国产精品免费| 国产精品一区二区三区毛片淫片| 精品久久在线播放| 精品久久久久久亚洲国产300| 欧美日韩国产色视频| 亚洲奶大毛多的老太婆| 日本久久精品视频| 日本国产欧美一区二区三区| 国产剧情久久久久久| 亚洲一区二区中文字幕| 日韩av电影手机在线观看| 国产精品自产拍在线观看中文| 亚洲精品电影网| 国模吧一区二区三区| 久久精品国产清自在天天线| 国外成人在线视频| 国产精品久久久久久久久| 97国产在线观看| 亚洲精品aⅴ中文字幕乱码| 久久久久久久91| 亚洲精品日产aⅴ| 狠狠做深爱婷婷久久综合一区| 91精品国产777在线观看| 欧美亚洲另类在线| 欧美xxxx14xxxxx性爽| 性色av一区二区三区| 久久色免费在线视频| 国产精品久久久久久久久久新婚| 欧美在线视频免费| 搡老女人一区二区三区视频tv| 九九热最新视频//这里只有精品| 国产精品日日摸夜夜添夜夜av| 亚洲开心激情网| 欧美激情亚洲综合一区| 自拍偷拍亚洲一区| 国外成人免费在线播放| 少妇精69xxtheporn| 欧美午夜性色大片在线观看| 日韩国产一区三区| 精品性高朝久久久久久久| 精品调教chinesegay| 欧美激情亚洲自拍| 欧美高清第一页| 国产视频自拍一区| 国产69精品久久久| 韩国美女主播一区| 欧美日韩中文字幕日韩欧美| 欧美精品久久久久久久久久| 国产成人一区二区三区| 久久久999精品| 青青草国产精品一区二区| 91香蕉国产在线观看| 午夜精品99久久免费| 欧美激情欧美激情| 欧美专区在线播放| 欧美性生交大片免网| 欧洲一区二区视频| 亚洲天天在线日亚洲洲精| 亚洲嫩模很污视频| 91av在线免费观看| 日本精品性网站在线观看| 欧美成人免费在线观看| 欧美成人精品在线| 亚洲欧洲国产精品| 91在线|亚洲| 亚洲国产美女久久久久| 亚洲欧美综合精品久久成人| 日韩精品视频在线观看免费| 91免费视频国产| 日韩成人中文字幕| 美日韩精品免费观看视频| 亚洲一区二区三区视频播放| 国产成人自拍视频在线观看| 精品中文视频在线| 国产精品久久久久久一区二区| 性色av一区二区三区免费| 日韩精品福利在线| 久久久久日韩精品久久久男男| 国产日韩在线亚洲字幕中文| 国产精品三级网站| 亚洲专区国产精品| www.亚洲一区| 欧美性在线视频| 91精品国产综合久久香蕉的用户体验| 色系列之999| 亚洲激情在线观看视频免费| 91欧美精品午夜性色福利在线| 亚洲欧洲视频在线| 亚洲一区二区三区777| 精品国产一区二区三区久久久| 日韩高清免费在线|