国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表

圖片精選

主站蜘蛛池模板： 平和县| 洪江市| 宕昌县| 扬中市| 庆城县| 子洲县| 什邡市| 唐河县| 萝北县| 山阴县| 湾仔区| 华蓥市| 龙井市| 临桂县| 应用必备| 嘉峪关市| 东海县| 象山县| 焦作市| 高要市| 大厂| 基隆市| 中西区| 勃利县| 山阴县| 广东省| 颍上县| 龙陵县| 南陵县| 镇康县| 松原市| 古蔺县| 佛坪县| 江北区| 香港| 乃东县| 类乌齐县| 博客| 亳州市| 深水埗区| 新津县|