这其中就有比较多的IE兼容性问题，由于最初设计者不怎么愿意去迁就IE，最后勉强答应下来至少兼容IE8，结果就是部分页面在IE8下也无法满意。而我们这种行业软件，大多数用户还都是IE7（IE8兼容模式），所以这个问题是避不掉的。花了很多时间来搞，也从中学到些有意思的东西。
内容不分先后主次，想到什么说什么，有的也记不清是IE7还是8，统称旧版IE。
从bootstrap讲起，我们都知道bootstrap是html5和css3的拥护者，这使得如果什么都不处理，在IE78里会出现各种问题。
比如本该在页面两端有两竖条留白，在IE8会被吃掉；比如使用bootstrap的12等分相关class时，IE8完全无效。前者用到的class为.container，后者用到的是诸如col-md-1。因为两者都使用到了css3的@media特性，用以计算width。旧版IE当然不认识啦，当然让旧版IE中实现同样的效果，已经有人帮忙我们做好了。
其中，respond.js正是解决这个问题的关键。另外，html5shiv.js也是必不可少的，其中会帮忙一些兼容问题，具体我没碰到，所以举不出例子。
当然，当你使用bootstrap时，千万别忘了，页面头上的声明
以及head里的声明
以上，算是热热身，很多时候我们开始做系统时，把bootstrap官网的例子先拷过来，那么通常就遇不到以上问题了。我是因为接手系统，事先没想到以上的设置不全，才有所感慨。
1. $("xxx").attr('href')
看起来是个很显而易见的结果，就是把元素a标签里的href属性的值取出来。但是当href值是相对路径时，比如/开头的，高级浏览器依然按部就班的该是什么值给你什么值，而旧版IE会自说自话给你前面加上浏览器地址栏上的url。
2. $("xxx").attr('onclick','window.open(xxxxxxx)')
通常我们给某个元素添加onclick事件么，就直接写在元素上了，又或者可以通过jquery去绑定，而这里至于想通过attr的方式去赋值事件，也是由于项目某个地方的代码逻辑，逼的这里只能这么做。
那么这样做，会有什么问题么？会！在IE7上，事件不会生效！我的猜测是，ie7认为只是给'onclick'这个名字赋了一个'window.openxxxxx'的字符串值。
所以这个地方最佳的方式是通过jquery绑定，但这样做，对另外一个功能有影响，那个功能里，需要复制元素到新的位置，实现是先取出元素html字符串，处理后再append到新位置。因此会导致jquery绑定事件丢失。
于是我很纳闷，开始用很挫的办法，页面头加个IE7判断，里边赋值window.ie = 7, 下面代码判断window.ie === 7，分支内使用jquery绑定，因为此时attr方式失效，最终事件依然绑定了一次，而非两次（如果不加if ie7判断，bind和attr都写，chrome里会触发两次事件）
这里有个有意思的现象，虽然attr在ie7下失效，但是前面说的过程，复制html字符串到新的位置后，新元素的attr居然生效的。这样正好使得，复制后jquery绑定失效，attr又担负起了事件触发的责任。
但是最终还是觉得搓，所以我去重构了那个复制html的逻辑，不再使用html字符串，而是使用jquery对象本身。于是后面就大胆的使用jquery绑定，而不是attr。搞定！
3. console.log， JSON.parse
这个了解的人比较多吧，旧版IE对console对像和JSON对像都不认识。一种比较优雅的办法，就是自己写一组console方法和JSON方法，然后在页面头通过