JavaScript
iframe自适用高度问题 ff下
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区这是我的js代码
调用
<iframe src="xx.asp?Pid=<%=xx%>" width="652" frameborder="0" id="hj" name="hj" class="iframeClass" scrolling="no" marginheight="0" marginwidth="0" align="top"> </iframe>
在ie下一切正常 xx.asp?Pid=<%=xx%>的内容变换都可以自动调整高度
但在ff下却做不到 不能清除上一次xx.asp的高度 所以不能自适应
怎么样修改呢 小弟js一知半解 呵呵
function reinitIframe(){
var iframe = document.getElementById("hj");
try{
var bHeight = iframe.contentWindow.document.body.scrollHeight;
var dHeight = iframe.contentWindow.document.documentElement.scrollHeight;
var height = Math.max(bHeight, dHeight);
iframe.height = height;
}catch (ex){}
}
window.setInterval("reinitIframe()", 200);调用
<iframe src="xx.asp?Pid=<%=xx%>" width="652" frameborder="0" id="hj" name="hj" class="iframeClass" scrolling="no" marginheight="0" marginwidth="0" align="top"> </iframe>
在ie下一切正常 xx.asp?Pid=<%=xx%>的内容变换都可以自动调整高度
但在ff下却做不到 不能清除上一次xx.asp的高度 所以不能自适应
怎么样修改呢 小弟js一知半解 呵呵
...全文
相关推荐
让iframe自适应高度（支持XHTML，支持FF）
### 让iframe自适应高度（支持XHTML，支持FF）#### 概述在Web开发过程中，`iframe`是常用的一个HTML元素，用于在当前页面内嵌入另一个页面。
针对IE6的一些CSS Hack编写时的注意点小结
- IE6中的链接点击时可能会出现虚线框，弹窗出现在select元素上时需要特别处理，通常需要增加iframe层来解决层级问题。
JQuery自适应IFrame高度（支持嵌套 兼容IE,ff,safafi,chrome）
在网页开发中，有时我们需要使用IFrame来嵌入其他页面的内容。然而，当IFrame内的内容高度超过IFrame本身时，会出现滚动条或者内容被截断的问题。
js实现的真正的iframe高度自适应(兼容IE,FF,Opera)
在最初的测试中，这个函数在IE和FF上表现良好，但在Opera上遇到了问题。
JQuery IFrame框架高度自适应（支持嵌套–兼容IE,ff,safafi,chrome）
总的来说，通过使用jQuery，我们可以优雅地解决iframe高度自适应的问题，确保在各种浏览器环境下都能提供良好的用户体验。
