繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > iframe src为图片时的高度自适应的代码
- Javascript
- js一组验证函数
- JavaScript 字符串连接性能优化
- JavaScript CSS 菜单功能代码
- jQuery 各种浏览器下获得日期区别
- 清除网页历史记录，屏蔽后退按钮!
- 关于IE7 IE8弹出窗口顶上
- javascript StringBuilder类实现
- 通过event对象的fromElement属性解决热区设置主实体的一个bug
- Javascript 布尔型分析
- javascript 动态参数判空操作
- js 解决“options为空或不是对象”
- javascript 语法学习练习
- javascript 硬盘序列号+其它硬件信息
- window.location和document.location的区别分析
- javascript XML数据显示为HTML一例
- HTML与javascript常碰到的编码问题
- javascript 时间对象的练习
- JavaScript 事件参考手册
- javascript prototype，executing，context，closure
- javascript 网页跳转的方法
Javascript 中的 iframe src为图片时的高度自适应的代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 354 ::
收藏到网摘: n/a
对于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的缘故导致出现滚动条。
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
评论 (0) All
