iframe高度自适应,兼容IE,FF
作者:welcome58 来源:缘由心生 时间:2008-06-18 12:15:00
有时在项目中会遇到通过在页面中采用iframe的方式include其它页面,这时就会考虑不要因出现滚动条而影响页面效果,但include页面的内容高度是未知的,所以大家都会利用javascript来解决这个高度自适应的问题。
在网上曾看见过解决此问题的代码,不过拷贝到本地进入调试时有些不正常,在IE下无法正确获得嵌套页面的高度,通过各种尝试,最终代码如下
<script type="text/javascript">
function SetCwinHeight(iframeObj){
if (document.getElementById){
if (iframeObj && !window.opera){
if (iframeObj.contentDocument && iframeObj.contentDocument.body.offsetHeight){
iframeObj.height = iframeObj.contentDocument.body.offsetHeight;
}else if(document.frames[iframeObj.name].document && document.frames[iframeObj.name].document.body.scrollHeight){
iframeObj.height = document.frames[iframeObj.name].document.body.scrollHeight;
}
}
}
}
</script>
<iframe width="100%" name="frameContent" onload="SetCwinHeight(this)" frameborder="0" src="*"></iframe>
扩展:
在一个页面含有某个iframe,其id="myframe" name="myframe",此时使用document.getElementById("myframe")取到的是iframe标签对象,通过该对象可以获取iframe的各个属性,例如src、frameborder、style等等,但是不能获取到iframe所包含的子页面的各个对象。如果使用document.frames("myframe")取到的是iframe组件对象,通过该对象可以获取到iframe所包含的页面的子页面的各个对象,例如子页面的window对象,但是不能获得iframe标签得各个属性,例如上面说到的src等等。
标签:Firefox,IE,iframe,自适应
0
投稿
猜你喜欢
Oracle字符集修改查看方法
2009-11-05 21:45:00
如何实现My SQL中的用户的管理问题
2008-12-03 13:56:00
SQL Server 2008主要功能在兼容性上的问题
2009-03-25 16:43:00
oracle 分页 很棒的sql语句
2009-07-02 11:44:00
如何利用触发器实现两个数据库间的同步
2009-01-06 11:26:00
不支持RSS,如何跟踪网站的内容更新?
2008-09-08 12:38:00
解析SQL Server与ASP互操作的时间处理
2009-02-01 16:40:00
17个javascript自定义函数库
2008-02-26 11:49:00
谈谈设计师的发展
2009-03-17 18:20:00
如何实现对整个站点所有页面的操作?
2010-05-19 21:20:00
用javascript 转换外部链接样式
2007-09-17 10:48:00
javascript设计模式交流(一)Singleton Pattern
2007-11-29 13:20:00
Jquery中Ajax 缓存带来的影响的解决方法
2011-05-21 16:14:00
HTML5 的五个激动人心的特性
2009-01-02 17:36:00
利用ASP远程注册DLL的方法
2008-03-05 13:00:00
跨平台、多浏览器页面测试
2008-06-24 11:54:00
兼容IE,FF的弹出层登陆界面代码
2008-01-04 12:13:00
Data URI 和 MHTML
2009-08-16 16:19:00
利用FrontPage 2003制作网络申请系统
2008-02-21 14:34:00
窥探jQuery——面向JavaScript程序员
2008-06-17 14:35:00