相关文章推荐
寂寞的茶叶  ·  ios iframe ...·  2 周前    · 
温暖的洋葱  ·  iframe点击穿透 - CSDN文库·  2 周前    · 
忧郁的感冒药  ·  chrome 启用activex-掘金·  1 年前    · 
礼貌的啄木鸟  ·  android dolby ...·  1 年前    · 
八块腹肌的排球  ·  研究发现:ChatGPT ...·  1 年前    · 
有腹肌的竹笋  ·  vue unable to ...·  1 年前    · 
iframe src为图片时的高度自适应的代码
对于iframe高度自适应的问题,网上已经被讨论n次了,一般通过在iframe加载完毕时访问iframe内页body的offsetHeight和offsetWidth然后更新iframe的高宽来实现。
今日遇到的自适应问题与以往有一些不同,这次的src是一张图片,而且是一张大小不确定的图片(从数据库取出来的数据生成的),在此使用以往的方式似乎就没有那么灵验了。突然想到img标记的高宽是可以获取到的。于是突然有了思路。

解决办法如下:
先动态生成一个img元素,在iframe页面加载完成时(onload)将其src赋给img标记,然后获取该img的高宽,再动态修改iframe高宽即可,同时不要忘了设定iframe页面body的margin和padding为0,否则会由于padding和margin默认不为0的缘故导致出现滚动条。