作家
登录

iframe src为图片时的高度自适应的代码

作者: 来源:www.28hudong.com 2013-03-30 03:14:41 阅读 我要评论

对于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的缘故导致出现滚动条。 new document [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  推荐阅读

  Flash+XML滚动新闻代码 无图片 附源码下载

用flash实现读取新闻连接的代码,方便一个50高度的地方显示外部连接,不错的黑色效果index.html复制代码 代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta >>>详细阅读


本文标题:iframe src为图片时的高度自适应的代码

地址:http://www.17bianji.com/kaifa2/JS/29998.html

关键词: 探索发现

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
自媒体专栏

评论

热度

精彩导读
栏目ID=71的表不存在(操作类型=0)