angular 1.2版本兼容ie8

作者: 清汤饺子 | 来源:发表于2018-09-12 10:41 被阅读0次

angular 1.2版本兼容ie8
DOM 库
angular PC 端框架搭建
getByClass兼容className
swiper兼容IE
vue 项目在ie浏览器的兼容问题
VUE复习笔记1（开始）
1-Vue基础知识
Angular4.0.0强势发布，全向后兼容
北京棋院PC项目总结

1、html的title中加入如下meta:

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

2、引入js:

 <!--[if IE 8]>
<script src="//cdnjs.cloudflare.com/ajax/libs/es5-shim/4.0.5/es5-shim.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
</style>
<![endif]-->

这个ie8的兼容版解决了很多AngularJS在IE8中的兼容问题，但是在IE8下的兼容依然会存在一些问题，比如文字图标在IE8中使用的时候会存在需要反流才能显示的情况，很多基于AngularJS的组件在IE8下的异常等等。

3、自定义指令

4、html加入id="ng-app"

<html lang="zh-CN" xmlns:ng="http://angularjs.org" id="ng-app" ng-app="AuthenticationApp">

5.placeholder的问题

6.如果还是不行。看下ie的控制台报什么错，再去对照修改，比如只能var 定义变量，不支持string.split()方法等。如果有引用都会报错

image

placeholder.js

$(function(){
//判断浏览器是否支持placeholder属性
supportPlaceholder='placeholder'in document.createElement('input');

placeholder=function(input){

    var text = input.attr('placeholder');
    defaultValue = input.defaultValue;

    if(!defaultValue){

        input.val(text).addClass("phcolor");
    }

    input.focus(function(){

        if(input.val() == text){

            $(this).val("");
        }
    })


    input.blur(function(){

        if(input.val() == ""){

            $(this).val(text).addClass("phcolor");
        }
    });

    //输入的字符不为灰色
    input.keydown(function(){

        $(this).removeClass("phcolor");
    })
}

//当浏览器不支持placeholder属性时，调用placeholder函数
if(!supportPlaceholder){

    $('input').each(function(){

        text = $(this).attr("placeholder");

        if($(this).attr("type") == "text"){

            placeholder($(this));
        }
    })
}
});