JS基础-特效篇（三大家族）03-严格模式和怪异模式

1.怪异模式quirks mode
早起的浏览器Netscape4和Explorer4对css进行解析时，并未遵守W3C标准，这时的解析方式就是怪异模式。
2.严格模式strict mode
当众多浏览器开始依照W3C标准解析css时，仿照W3C标准解析css的模式我们称为严格模式。
3.判断：document.compatMode：BackCompat怪异模式；CSS1Compat严格模式。
4.兼容性相关：

<style>
        body{
            height: 3000px;
        }
 </style>

<script>
    window.onscroll = function (ev) {
        console.log(document.body.scrollTop); 
        //360浏览器不好使！IE好使！body本身是怪异模式的产物！
        console.log(document.documentElement.scrollTop);
        //针对严格模式做个兼容！这个360浏览器是好使的！这个IE是不好使的！
        console.log(document.compatMode);
        //360浏览器是CSS1Compat。Edge是个IE兼容浏览器！
        console.log(document.body.scrollTop || document.documentElement.scrollTop);
        console.log(window.pageYOffset);
        //最新的浏览器都支持这个写法！高版本浏览器！
        
        var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
        console.log(scrollTop);
        //兼容性：滚动！移动！
    }
</script>

window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop这三个都是获取网页被卷去的高。