IE浏览器适配

1、引用JS文件不执行处理：

问题：

使用<script type="application/x-javascript" src="scriptname"></script>引用的js文件在IE浏览器中不执行

解决方法：

改用<script type="text/javascript" src="test.js"></script>或者<script type="text/javascript" src="test.js"></script>引入js文件

2、IE8及更早的版本对HTML5元素的支持

2.1为语义元素添加样式

浏览器在遇到不认识的元素的时候，会把它们当成内联（inline）元素。大多数HTML5元素都是块级元素，而不认识HTML5语义元素的浏览器不知道应该把它们显示为块级元素，所以很可能会把它们挤在一起。为解决这个问题，可以使用下面的css代码：

article, aside, figure, figcaption, footer, header, main, nav, section, summary {
    display: block;
}

这条规则对于能识别HTML5元素的浏览器没有作用，因为它们的display属性已被默认设置成block。而且这条规则也不影响我们已经为这些元素应用的样式。那些样式照样可以添加到它们身上。

2.2使用HTML5 “垫片”

IE8及更早的版本，会拒绝给无法识别的元素应用样式。解决方法：

<!--    IE8及更早版本浏览器才会执行这段代码 -->
        <!--[if It IE 90]
        <script>
            document.createElement("header");
        </script>
        <![endif]-->

除了上面的方法，也可以使用Modernizr内置的HTML5垫片脚本html5shiv。使用方式是下载Modernizr脚本后引用到HTML中就可以了

最后编辑于：2017.12.10 01:59:16