繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > iframe src为图片时的高度自适应的代码
- Javascript
- javascript js cookie的存储,获取和删除
- 得到元素真实的背景颜色的js代码
- js获取url参数的使用扩展实例
- javascript 屏蔽鼠标键盘的几段代码
- 兼容IE FF Opera的javascript最短的拖动代码
- 创建一个复制UBB软件信息的链接或按钮的js代码
- js实现iframe动态调整高度的代码
- 浏览器无法运行JAVA脚本的解决方法
- js让弹出新窗口居中显示的脚本
- js常见表单应用技巧
- javascript 点击整页变灰的效果（可做退出效果）。
- 制作符合用户体验的漂亮的input输入框
- img的onload的另类用法
- 解读IE和firefox下JScript和HREF的执行顺序
- 用javascrpt将指定网页保存为Excel的代码
- 语义化 H1 标签
- JavaScript中Math对象使用说明
- JavaScipt基本教程之前言
- JavaScipt基本教程之JavaScript语言的基础
- JavaScipt对象的基本知识
Javascript 中的 iframe src为图片时的高度自适应的代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-12 浏览: 435 ::
收藏到网摘: 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
