设置IE文档模式解决IE浏览器兼容性

IE的兼容性一直是前端开发者最头疼的问题之一,很多时候为了解决莫名其妙的兼容性脑细胞那叫一个大片大片的死亡啊,经常是Chrome、Firefox等浏览器正常,但偏偏IE要出现问题,有些时候可能高版本的IE也正常,但有一些问题却是用最新版本的比如IE11访问了,但还是各种莫名其妙的问题,比如:
设置IE文档模式解决IE浏览器兼容性
文章图片


【设置IE文档模式解决IE浏览器兼容性】上面这个问题,其实在Chrome上是丁点儿毛病都没有的,看错误信息的话像是jquery.js引用被放在bootstrap.min.js后面了,但检查代码后发现并不是,最后调试发现,切换IE的文档模式后是正常的。
新版本的IE默认的文档模式是7,切换到10、11后发现是正常的,所以可以通过代码中直接指定文档模式解决类似的兼容问题,代码如下:
1、直接在HTML文件的head标签中添加


2、通过js设置
var head = document.head || document.getElementsByTagName('head')[0]; var meta = document.createElement('meta'); meta.http-equiv = "X-UA-Compatible"; meta.content = "IE-edge"; head.appendChild(meta);

最后保存代码,刷新浏览器,发现显示正常了

    推荐阅读