js 控制iframe 自适应高度
程序员文章站
2024-01-07 22:24:34
...
<iframe width="300" id="iframetestid" frameborder="0" scrolling="no" src="test.php" onload="setTimeout(function(){reSetIframe('iframetestid');},200);" ></iframe>
function reSetIframe(iframeid){ var iframe = document.getElementById(iframeid); var height = 500; try{ var bHeight = iframe.contentWindow.document.body.scrollHeight; var dHeight = iframe.contentWindow.document.documentElement.scrollHeight; height = Math.max(bHeight, dHeight); iframe.height = height; }catch (ex){ height = Math.max(bHeight, dHeight); iframe.height = height; } }
这个适应于各种浏览器,从ie6 7 8 9 一直到 ff,chrome
调试了很久的ie6一直取不到值,最后发现原因是要设置函数reSetIframe 定时执行,直接执行虽然用onload还是取不到,要延迟一会ie6才能得到height值。
上一篇: java实现角色+武器攻击小游戏
下一篇: curl post异常,求解
推荐阅读
-
JS实现DIV高度自适应窗口示例
-
Iframe自适应高度绝对好使的代码 兼容IE,遨游,火狐_javascript技巧
-
基于jquery的兼容各种浏览器的iframe自适应高度的脚本_jquery
-
Iframe 高度自适应,js控制Iframe 高度自适应
-
jQuery简单实现iframe的高度根据页面内容自适应的方法
-
js实现iframe动态调整高度的代码_javascript技巧
-
使用jQuery不判断浏览器高度解决iframe自适应高度问题
-
让iframe自适应高度(支持XHTML,支持FF)_javascript技巧
-
js控制fieldset高度的代码_javascript技巧
-
js 控制iframe 自适应高度