关于兼容IE的总结

一、用Echarts图表发送ajax

    要加入   crossDomain: true == !(document.all)  代码兼容IE9以下（可以正常请求到数据）

二、判断是否为IE浏览器

var isIE = function(obj){
    var b = document.createElement('b');
    b.innerHTML = ""
    return b.getElementsByTagName('i').length === 1
}
var ie = isIE();
var realH = $('.cockbtdct').height() * 0.96;
var allHeight = $('.cockbtdlt').height();
if(ie){
  console.log('是IE')
}else{
}

三、CSS3的rgba兼容到IE9，向下兼容的解决办法

filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#66ffffff,endColorstr=#66ffffff);

四、input的placehloder的兼容问题

         

function placeholderSupport() {
        return 'placeholder' in document.createElement('input');
    }

//判断是否支持placehloder属性
    if(!placeholderSupport()){
        
        $("[placeholder]").each(function(){
            var _this = $(this);
            var left = _this.css("padding-left");
            _this.parent().append('' + _this.attr("placeholder") + '');
            if(_this.val() != ""){
                _this.parent().find("span.placeholder").hide();
            }
            else{
                _this.parent().find("span.placeholder").show();
            }
        }).on("focus", function(){
            $(this).parent().find("span.placeholder").hide();
        }).on("blur", function(){
            var _this = $(this);
            if(_this.val() != ""){
                _this.parent().find("span.placeholder").hide();
            }
            else{
                _this.parent().find("span.placeholder").show();
            }
        });
        // 点击表示placeholder的标签相当于触发input
        $("span.placeholder").on("click", function(){
            $(this).hide();
            $(this).siblings("[placeholder]").trigger("click");
            $(this).siblings("[placeholder]").trigger("focus");
        });
    }

刷新的时候会有点bug   所以监听刷新事件把input清空

 οnbefοreunlοad="checkLeave()"   写在body上

function checkLeave(){
     $('input').val('')
 }