浏览器兼容问题汇总

01 undefined

在IE9以下的浏览器中,undefined的值是可以被修改的
在IE9(包括IE9)以上的高级浏览器中,undefined的值是不可被修改的

02 querySelector() 和 querySelectorAll()

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>


<div>div1</div>
<div>div2</div>
<div class="tag">div3</div>
<div class="tag">div4</div>

<script>
    window.onload = function () {

        // 获取标签
        var div = document.querySelector('div');
        var divs = document.querySelectorAll('div');

        console.log(div);
        console.log(divs);
    }
</script>
</body>
</html>

03 trim()

if(str.trim){
    return str.trim();
} else{
    return str.replace(/^\s+|\s+$/g,'');
}

推荐阅读更多精彩内容