当你在页面上使用了iframe之后，一般来说会不希望iframe显示难看的滚动条，以使iframe里面的内容和主页面的内容浑然一体。这时候你会设置 scrolling="no" 属性。但是这样一来如果iframe里面的内容是变化的，高度会随之内容的变化而变化的时候，你的iframe就会显得太长导致底下一大片空白，或者正好相反，由于iframe的高度太小导致一部分内容会被挡住。这里我提供一个兼容IE/NS/Firefox的javascript脚本实现动态调整iframe的高度。如果需要调整宽度的话，原理是一样的，本文不加详述。
首先，在你的主页面上必须包含以下这段javascript代码：
然后对于主页面用到iframe的地方添加代码：
0
0
用javascript动态调整iframe高度的代码_javascript技巧
php中文网
发布时间：2016-05-16 19:15:13
|1163人浏览过
|来源于php中文网
原创
相关文章
如何使用Node.js执行JavaScript文件并正确输出结果
JavaScript数组动态追加元素：避免重复初始化陷阱
GA4 gtag purchase事件中动态构建items参数的专业指南
JavaScript中实现动态向数组追加元素：避免重复初始化陷阱
React密码生成器：确保密码长度与强度计算的准确性
java速学教程(入门到精通)
下载
java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
Java Spring Boot 微服务实战
本专题深入讲解 Java Spring Boot 在微服务架构中的应用，内容涵盖服务注册与发现、REST API开发、配置中心、负载均衡、熔断与限流、日志与监控。通过实际项目案例（如电商订单系统），帮助开发者掌握 从单体应用迁移到高可用微服务系统的完整流程与实战能力。
1
2025.12.24
热门下载
网站特效
/
网站源码
/
网站素材
/
前端模板
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
JavaScript高级框架设计视频教程
共22课时 | 3.5万人学习
JavaScript OOP调试技巧视频教程
共5课时 | 0.9万人学习
最新文章
