一区二区久久-一区二区三区www-一区二区三区久久-一区二区三区久久精品-麻豆国产一区二区在线观看-麻豆国产视频

iframe src為圖片時(shí)的高度自適應(yī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í)行]

JavaScript技術(shù)iframe src為圖片時(shí)的高度自適應(yīng)的代碼,轉(zhuǎn)載需保留來(lái)源!

鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除,多謝。

主站蜘蛛池模板: 国产综合久久久久久 | 四虎4hu永久免费视频大全 | 日色网 | 理论片 我不卡影院 | 91精品欧美| 四虎精品国产一区二区三区 | 91精品国产91久久综合 | 亚洲有色| 欧美.成人.综合在线 | 男人女人的免费视频网站 | 1区2区3区集团有限公司 | 久久网站视频 | 久久久久久一级毛片免费野外 | 国产黄色小视频 | 日本在线观看永久免费网站 | 美女胸又大又黄www网站 | 88国产精品欧美一区二区三区 | 欧美另类videosbest视频 | 国产精品秒播无毒不卡 | 欧美性活一级视频 | 美女一级ba大片免色野外 | 亚洲一区二区观看 | 风间由美一区二区播放合集 | 51国产黑色丝袜高跟鞋 | 涩视频成人永久免费观看网站 | 起碰免费视频97网站 | 337p人体 欧洲人体 亚 | 亚洲成人伊人网 | 亚洲一区二区福利视频 | 99一级毛片 | 亚洲国产欧美另类 | 二区三区在线观看 | 亚洲国产一级a毛片 | 香港aa三级久久三级 | 蜜桃嫩草 | 欧美视频xxx | 亚洲天堂99 | 东京加勒比中文字幕波多野结衣 | 国产网红在线观看 | 伊人网在线播放 | 国产成人精品久久综合 |