在IE浏览器中执行OpenFlashChart的reload方法时无法刷新的解决方法

　　由于项目需求，需要在网页上利用图表展示相关数据的统计信息，采用了OpenFlashChart技术。OpenFlashChart是一款开源的以Flash和javascript为技术基础的免费图表，用它能创建一些很有效果的报表分析图表。最重要的是它是开源和免费的，支持多种语言。首先在官网上下载开发包，里面包含了所需的flash文件、js文件以及多种语言的demo，这些demo写的非常详细，可以进行参考开发。由于项目使用.net来开发，所以我学习了一下开发包中对应的dotnet代码，这个.net项目采用面向对象的方式对图表进行了合理的分析，创建了一些与OpenFlashChart相对应的类，用来描述图表信息，还编写了相应的用户控件，方便开发人员直接使用。

　 好了，废话不多说了，开始说问题了（想了解具体开发技术可参考官网教程和示例代码），由于需要多角度全方位的展示图标，那么就必须要根据不同的要求动态刷新图表信息，根据官网上的方法，可利用以下代码：

 1 function reload() 2 { 3   tmp = findSWF("chart"); 4    5   // 6   // reload the data: 7   // 8   x = tmp.reload(); 9   10   //11   // to load from a specific URL:12   // you may need to 'escape' (URL escape, i.e. percent escape) your URL if it has & in it13   //14   x = tmp.reload("gallery-data-32.php?beer=1");15   16   //17   // do NOT show the 'loading...' message:18   //19   x = tmp.reload("gallery-data-32.php?beer=1", false);20 }21 22 function findSWF(movieName) {23   if (navigator.appName.indexOf("Microsoft")!= -1) {24     return window["ie_" + movieName];25   } else {26     return document[movieName];27   }28 }

通过调用reload方法来实现图标刷新，按照这种方式写完代码后运行，在Chrome中果然可以达到预想中的效果，然而，IE给我泼了一盆冷水，报出了错误：无法获取属性“reload”的值: 对象为 null 或未定义，甚至官网上点击“reload”时也会报错（如下图），这下我桑心了，估计不好解决了。

没办法，问题总要处理。经过查看，发现错误的主要原因在于findSWF方法返回的对象为null，也就是说在IE中通过window["ie_" + movieName] 无法得到flash实例，这个方法是作者本人写的，目的就是为了兼容IE，因为官网上的描述是：IE中的图表ID跟Firefox不同，因此前面加上了"ie_"，不知道为什么不好使。然后我就在网上各种搜索，希望能找到方法，这个问题也确实有很多人遇到，但都没有给出很好的解决方法，无奈之下，我只有进行变通处理，即：在刷新时销毁掉之前的flash对象，重新进行加载，并传入相应的json数据。这种方法也可以实现所需的功能，但是由于我销毁flash对象的手段仅仅是通过删除包含该flash对象的div元素，我总感觉这种方法可能没有真正的将flash对象删除，因为我在网上看到有的人通过此方法删除外层div元素后，里面的flash仍然还在执行相应的操作，一旦情况确实如此，那么每刷新一次就会构造出一个新的flash对象，这样的话如果刷新频繁就会造成内存的消耗不断增长，显然，考虑到这个情况，这种实现方法是行不通的。这下我又陷入了麻烦中，如果这个问题解决不了的话可能就会换用其他技术来实现，那我之前话费时间研究OpenFlashChart就算是做了无用功了，再想想吧，总感觉有解决方法。突然之间，我想到了之前做文件上传时用到了swfupload技术，这也是利用flash对象来实现相关功能的，我打开源码，看看该组件是怎么处理IE的兼容问题的，希望能从中发现一些端倪，经过一番查看，终于在“SWFUpload.PRototype.loadFlash”方法中发现了一段话：

// Fix IE Flash/Form bug    if (window[this.movieName] == undefined) {        window[this.movieName] = this.getMovieElement();    }

从注释上看这段代码是为了处理IE bug的，然后继续查看this.getMovieElement()方法：

// Public: get retrieves the DOM reference to the Flash element added by SWFUpload// The element is cached after the first lookupSWFUpload.prototype.getMovieElement = function () {    if (this.movieElement == undefined) {        this.movieElement = document.getElementById(this.movieName);    }    if (this.movieElement === null) {        throw "Could not find Flash element";    }        return this.movieElement;};

原来获取flash对象就是通过最常用的getElementById方法，这里的movieName就是flash对象的id值，看到这里，我赶紧将findSWF方法中的代码进行了如下修改：

function findSWF(movieName) {    // Fix IE Flash/Form bug    if (window[movieName] == undefined) {         window[movieName] = document.getElementById(movieName);    }    return window[movieName];}

修改后在chrome浏览器、IE浏览器（正常视图和兼容性视图）和360浏览器（极速模式和兼容模式）上运行，果然都达到了预期的效果，至此，问题解决！