IE6如何处理因页面大小改变而引起的报表问题 IE6兼容报表
2012-02-06 16:28
405 查看
使用简单的线性报表时,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下触发,其他浏览器下就不用加载了。
只能显示部分报表:
![](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下触发,其他浏览器下就不用加载了。
相关文章推荐
- IE6如何处理因页面大小改变而引起的报表问题 IE6兼容报表
- mfc如何改变静态文本框字体大小及mfc按钮问题用CButtonST进行图形按钮处理
- 如何处理多页面重定向到同一页面后的返回问题
- 页面兼容问题的处理方法
- [工作问题总结]IE6 缓存引起的页面无法重载问题及解决方案
- Android进阶之AS如何处理不同引用库(module)里jar的重复引起问题
- 如何解决IE6下div错位的问题,以及IE7、IE8样式不兼容问题
- 葡萄城页面报表通过表达式来改变字体大小
- 如何处理asp.net的webapi项目的测试环境与生产环境的help页面可见/不可见问题。
- 如何处理多页面重定向到同一页面后的返回问题
- 如何处理java高并发问题---之页面静态化
- 用better-scroll来解决ios中html5页面fixed布局不兼容问题的处理
- 创建画线控件窗口大小改变引起的重绘,保存图像问题。
- [工作问题总结]IE6 缓存引起的页面无法重载问题及解决方案
- 如何处理java高并发问题---之页面静态化
- web前端人员到底如何处理浏览器兼容,到底什么是浏览器兼容问题
- 如何处理mapper数量的大小的问题
- Chukwa集成Hadoop如何处理IPC版本兼容问题
- 如何禁止双击标题栏不改变窗口的大小和拖动标题栏窗口不移动的问题
- 纯js实现Div在页面垂直居中!可根据浏览器大小的改变而改变!兼容各种浏览器----神器版!