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

首頁(yè) > 編程 > JavaScript > 正文

iframe src為圖片時(shí)的高度自適應(yīng)的代碼

2019-11-21 01:53:53
字體：大 中 小
來(lái)源：轉(zhuǎn)載
供稿：網(wǎng)友
對(duì)于iframe高度自適應(yīng)的問(wèn)題，網(wǎng)上已經(jīng)被討論n次了，一般通過(guò)在iframe加載完畢時(shí)訪問(wèn)iframe內(nèi)頁(yè)body的offsetHeight和offsetWidth然后更新iframe的高寬來(lái)實(shí)現(xiàn)。 
        今日遇到的自適應(yīng)問(wèn)題與以往有一些不同，這次的src是一張圖片，而且是一張大小不確定的圖片（從數(shù)據(jù)庫(kù)取出來(lái)的數(shù)據(jù)生成的），在此使用以往的方式似乎就沒(méi)有那么靈驗(yàn)了。突然想到img標(biāo)記的高寬是可以獲取到的。于是突然有了思路。 

解決辦法如下： 
       先動(dòng)態(tài)生成一個(gè)img元素，在iframe頁(yè)面加載完成時(shí)(onload)將其src賦給img標(biāo)記，然后獲取該img的高寬，再動(dòng)態(tài)修改iframe高寬即可，同時(shí)不要忘了設(shè)定iframe頁(yè)面body的margin和padding為0，否則會(huì)由于padding和margin默認(rèn)不為0的緣故導(dǎo)致出現(xiàn)滾動(dòng)條。

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 乐东| 迁安市| 郧西县| 柘荣县| 郧西县| 呼和浩特市| 黑龙江省| 嘉峪关市| 自贡市| 辉南县| 玛曲县| 奉节县| 互助| 平陆县| 项城市| 洞口县| 三明市| 南汇区| 岗巴县| 新安县| 彩票| 凌云县| 九江县| 红河县| 乾安县| 合肥市| 麻江县| 南岸区| 辽宁省| 年辖：市辖区| 临夏市| 大同市| 岳阳县| 都江堰市| 长春市| 唐海县| 泰安市| 鄂托克前旗| 枞阳县| 景泰县| 抚顺县|