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

首頁 > 語言 > JavaScript > 正文

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

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

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

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

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

圖片精選

主站蜘蛛池模板： 涪陵区| 斗六市| 涟水县| 柳河县| 临澧县| 文成县| 本溪市| 台北市| 仙游县| 大邑县| 浦城县| 高要市| 突泉县| 广宗县| 常山县| 珲春市| 崇信县| 会宁县| 宾川县| 崇仁县| 财经| 罗田县| 凌海市| 余干县| 遂溪县| 鄂托克前旗| 桦南县| 乐至县| 沿河| 齐河县| 平江县| 将乐县| 睢宁县| 商都县| 阿图什市| 天长市| 定安县| 页游| 四会市| 四会市| 河源市|