天叶部落
一个80后生人的闷骚生活
- Xhtml/Css
- |
- Javascript
- |
- Flash
- |
- ActionScript
- |
- SheJi
- |
- SuoSui
- |
- LiuYan
- |
- XinWen
- |
- Photos
2009-6-8 by 叶梓iframe自适应高度
代码<iframe id="frame_content" width="100%" src="xxx.html" scrolling="no" frameborder="0" onload="this.height=1549"></iframe>
<script type="text/javascript">
function reinitIframe(){
var iframe = document.getElementById("frame_content");
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);
</script>
如果只考虑FX和IE,并且,iframe里面内容也不进行DOM操作,那仍然可以用最简单的传统处理方式:
代码<iframe id="frame_content" src="iframe_b.html" scrolling="no" frameborder="0" onload="this.height=this.contentWindow.document.documentElement.scrollHeight"></iframe>
From http://ued.koubei.com/ By 大米
相关文章:
- 运行代码框代码
- 【转载】窥探jQuery——面向JavaScript程序员
- jQuery学习--操作DOM:内部插入
- 【转】层展开/关闭 - 运动缓冲效果
- 图片横向无缝滚动
- xhtml+css+js五子棋
- js获取url的值
- 完善同一个网页切换不同的图片
- createElement(),appendChild()和createTextNode()
- document.write()和document.innerHTML
Tags: javascript
分类:Javascript | 评论:0 | 引用:0 | 浏览:
◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。发表评论
About Me
这里有学习各种知识的笔记,更多的是我的生活所思所想
Categories
Calendar
New Article
Random Article
Comments
GuestComment
Archives
Tags
javascript (17) Css (15) Flash (6) xhtml (6) 网页设计 (5) Flash小游戏 (3) As (2) As3 (2) jQuery (2) 配色 (1) 代码 (1) SEO (1) 9.18 (1) 侵华 (1) 人性本恶 (1) 般若波罗密多心经 (1) robots (1) 策划 (1) 无缝滚动 (1) 市场营销 (1) ie8 (1) DOM (1) Css3 (1)

