JavaScript自动设置IFrame高度(兼容各主流浏览器)
调用方式如下
<iframe id="ifm" name="ifm" onload="SetIFrameHeight('ifm')" src="http://www.qq.com" />
function SetIFrameHeight(down) { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0; var pTar = null; if (document.getElementById) { pTar = document.getElementById(down); } else { eval('pTar=' + down + ';'); } pTar.style.display = "block"; if (Sys.ie) { if (Sys.ie == '9.0') { pTar.height = pTar.contentWindow.document.body.offsetHeight + 15 + "px"; pTar.width = pTar.contentWindow.document.body.scrollWidth + "px"; } else if (Sys.ie == '8.0') { debugger; pTar.height = pTar.Document.body.offsetHeight + 15 + "px"; pTar.width = pTar.Document.body.scrollWidth + "px"; } else { pTar.height = pTar.Document.body.scrollHeight + 25 + "px"; pTar.width = pTar.Document.body.scrollWidth + "px"; } } if (Sys.firefox) { pTar.height = pTar.contentDocument.body.offsetHeight + 15 + "px"; pTar.width = pTar.contentDocument.body.scrollWidth + "px"; } if (Sys.chrome) { pTar.height = pTar.contentDocument.body.offsetHeight; pTar.width = pTar.contentDocument.body.scrollWidth; } if (Sys.opera) { pTar.height = pTar.contentDocument.body.offsetHeight; pTar.width = pTar.contentDocument.body.scrollWidth; } if (Sys.safari) { if (pTar.contentDocument.body.offsetHeight <= '186') { pTar.height = pTar.contentDocument.body.offsetHeight + 10; } else { pTar.height = pTar.contentDocument.body.offsetHeight; } pTar.width = pTar.contentDocument.body.scrollWidth; } }
分类:
JavaScript
标签:
JavaScript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· winform 绘制太阳,地球,月球 运作规律
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理