国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板： 井研县| 河东区| 柯坪县| 绵阳市| 武义县| 抚松县| 绥阳县| 军事| 莲花县| 确山县| 汝城县| 涟源市| 江陵县| 常山县| 富民县| 来安县| 达孜县| 石河子市| 永州市| 博湖县| 兴城市| 花垣县| 梁河县| 云龙县| 长沙市| 且末县| 清镇市| 吴川市| 新乡县| 虹口区| 都江堰市| 安多县| 五莲县| 陈巴尔虎旗| 安塞县| 揭阳市| 偃师市| 怀宁县| 西青区| 保山市| 乾安县|