首页 > web前端 > js教程 > 正文

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

php中文网
发布: 2016-05-16 19:08:22
原创
1602人浏览过

对于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的缘故导致出现滚动条。

html5自适应企业网站源码5.0
html5自适应企业网站源码5.0

html5自适应企业网站源码采用PHP+MYSQL技术和MVC模式进行开发的,架构清晰,代码易于维护。支持伪静态功能,可生成google和百度地图,支持自定义url、关键字和描述,符合SEO标准。拥有企业网站常用的模块功能(企业简介模块、新闻模块、产品模块、下载模块、图片模块、在线留言、友情链接、网站地图等),强大灵活的后台管理功能,可为企业打造出专业且具有营销力的标准网站。网站系统功能介绍:1.

html5自适应企业网站源码5.0 1
查看详情 html5自适应企业网站源码5.0

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号