IE6如何处理因页面大小改变而引起的报表问题 IE6兼容报表
2013-09-24 11:16
387 查看
使用简单的线性报表时,IE6浏览器中会出现页面大小改变导致报表图溢出页面的现象,相信很多开发人员遇到过类型的现象,如下图所示
只能显示部分报表:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/28/b950a32eb27f055fff4f29cb10ea24db.gif)
:
报表覆盖滚动条:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/28/430f9d8779ec45d830e6b8c274ece32b.gif)
IE7,IE8,FireFox等浏览器没有出现以上现象,
该现象是浏览器大小改变时引起的,解决办法很简单,只需要在页面body标签中加入如下代码就可:
<body onresize="window.location.reload();">
原理就是当页面大小发生改变时触发onresize事件,执行一个重新加载就处理了,这时我们在看看效果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/28/dd726622c25a9bdc268c965b86baf4d3.gif)
问题就解决了。
如果你只想在IE6浏览器中处理的话,你可以重写一个js方法,判断当前浏览器的版本,如果是IE6则大小改变时报表重新加载就可以了。
代码如下:
function navigat_ieReload(){
var browser=navigator.appName
var b_version=navigator.appVersion
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");
if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0"){ window.location.reload(); }
}
页面中:<body onresize="navigat_ieReload();">
这样就只在IE6下触发,其他浏览器下就不用加载了。
http://blog.csdn.net/isshquery/article/details/7237114
只能显示部分报表:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/28/b950a32eb27f055fff4f29cb10ea24db.gif)
:
报表覆盖滚动条:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/28/430f9d8779ec45d830e6b8c274ece32b.gif)
IE7,IE8,FireFox等浏览器没有出现以上现象,
该现象是浏览器大小改变时引起的,解决办法很简单,只需要在页面body标签中加入如下代码就可:
<body onresize="window.location.reload();">
原理就是当页面大小发生改变时触发onresize事件,执行一个重新加载就处理了,这时我们在看看效果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202003/28/dd726622c25a9bdc268c965b86baf4d3.gif)
问题就解决了。
如果你只想在IE6浏览器中处理的话,你可以重写一个js方法,判断当前浏览器的版本,如果是IE6则大小改变时报表重新加载就可以了。
代码如下:
function navigat_ieReload(){
var browser=navigator.appName
var b_version=navigator.appVersion
var version=b_version.split(";");
var trim_Version=version[1].replace(/[ ]/g,"");
if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0"){ window.location.reload(); }
}
页面中:<body onresize="navigat_ieReload();">
这样就只在IE6下触发,其他浏览器下就不用加载了。
http://blog.csdn.net/isshquery/article/details/7237114
相关文章推荐
- IE6如何处理因页面大小改变而引起的报表问题 IE6兼容报表
- mfc如何改变静态文本框字体大小及mfc按钮问题用CButtonST进行图形按钮处理
- 处理APP字体跟随系统字体大小改变的问题
- 如何处理web页面中下拉框一直显示在最前问题
- javascript 动态创建table数据(处理了ie6,7兼容问题)
- 如何解决padding标记在ie7、ie6以及firefox中的兼容问题
- html5有哪些新特性、移除了那些元素?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和HTML5?
- 页面兼容问题的处理方法
- 如何处理java高并发问题---之页面静态化
- 如何避免console引起javascript的兼容问题
- 小谈IE6下处理PNG图片的兼容问题
- html5有哪些新特性?如何处理HTML5新标签的浏览器兼容问题?如何区分 HTML 和 HTML5?
- 如何处理多页面重定向到同一页面后的返回问题
- 如何处理多页面重定向到同一页面后的返回问题
- 关于如何用rem兼容不同手机屏幕大小不一致问题以达到多终端自适应问题
- js动态改变图片src在ie6下的兼容问题
- 页面兼容问题的处理方法
- 如何处理多页面重定向到同一页面后的返回问题
- [工作问题总结]IE6 缓存引起的页面无法重载问题及解决方案
- 解决页面中的iframe不随页面的大小一起变化的问题(兼容火狐)