现在的位置: 首页 > 综合 > 正文

IE6如何处理因页面大小改变而引起的报表问题 IE6兼容报表

2013年12月10日 ⁄ 综合 ⁄ 共 648字 ⁄ 字号 评论关闭

使用简单的线性报表时,IE6浏览器中会出现页面大小改变导致报表图溢出页面的现象,相信很多开发人员遇到过类型的现象,如下图所示

只能显示部分报表:

报表覆盖滚动条:

IE7,IE8,FireFox等浏览器没有出现以上现象,

该现象是浏览器大小改变时引起的,解决办法很简单,只需要在页面body标签中加入如下代码就可:

<body onresize="window.location.reload();">

原理就是当页面大小发生改变时触发onresize事件,执行一个重新加载就处理了,这时我们在看看效果:

问题就解决了。

如果你只想在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下触发,其他浏览器下就不用加载了。

抱歉!评论已关闭.