IE迟钝问题-呆瓜





最近做的项目里，遇到几个浏览器兼容问题。

第一个，js兼容。案例：某功能a(),作用是关闭当前框架，刷新上一个框架。我写的代码段，第一个代码段，先关闭当前框架，第二个代码段刷新上一页。在谷歌，火狐里面运行时候，完全可以执行，而Ie里面就无法刷新。经过测试，发现了IE的弊端，我认为IE就是之乌龟，其他浏览器，以迅雷不及掩耳盗铃之势把代码一并处理掉，完全就是无痕操作。而IE的话就满了半拍，必须要把第二段代码放在第一段之前。不过这个也反应出我写的代码存在一定的隐患问题，没有考虑到，在完成一个完整的操作时候，一定要主要到每一个操作项是否影响到其他的操作行为。这里就存在影响，当关闭当前页，已经把整个HTML文档给删掉了，那么他所包含的JS也就终止了操作。说IE慢问题就在这里，只要快一点，就可以把代码执行完毕。就不存在这个BUG了。所以解决方法就是把刷新功能放在关闭功能之前。

第二个，CSS与JS之间的问题。也是兼容性问题。问题情景：有很多<i></i><i></i><i></i><i></i><i></i><i></i><i></i>,每个<i></i>上面都绑定了一个事件，事件是a删除当前元素，接着b所有<i></i>要移动。那么问题点来了，当光标离开元素后，hover功能，还会存在。测试几种可能，第一改变css样式，第二在js里面添加一种方法模拟这个问题。第一种方式我认为是完全控制不了的，因为问题是js导致的，解决办法，只能是要js自己去解决，那么就在最后的方法b里面加代码控制hover效果。

总结：为了能让IE用户能够有更好的体验，在写js功能时候，要考虑到执行的顺序，能让各个功能块有很强的独立性，不影响其他操作。

遇到展示效果问题时，首先要淡定的确定问题点在哪里，一步一步的耐心分析问题，并能够变通的想办法把问题消灭。

代码是最温柔，最有耐心的，他能永远的陪伴我。