繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > iframe src为图片时的高度自适应的代码
- Javascript
- JS+XML 省份和城市之间的联动实现代码
- ie与firefox下的event使用说明与详细区别
- Jquery 学习笔记（二）
- jQuery技巧大放送 学习jquery的朋友可以看下
- 使用jQuery简化Ajax开发 Ajax开发入门
- jQuery入门 构造函数
- JavaScript iframe的相互操作浅析
- JavaScript null和undefined区别分析
- JavaScript 替换Html标签实现代码
- jQuery 标题的自动翻转实现代码
- JavaScript读取中文cookie时的乱码问题的解决方法
- JavaScript 动态创建VML的方法
- JavaScript Array扩展实现代码
- javascript线性渐变一
- javascript 线性渐变二
- javascript 线性渐变三
- 滑动门式菜单 实现代码
- extjs 学习笔记（三） 最基本的grid
- javascript 操作cookies及正确使用cookies的属性
- JavaScript 基础知识 被自己遗忘的
Javascript 中的 iframe src为图片时的高度自适应的代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 210 ::
收藏到网摘: 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
