javascript - 不同的浏览器情况引用不同的avalon文件

Question

avalon2的文档中有这样的描述：

avalon 支持IE6+及古老的W3C浏览器(判定标准是

   这些浏览器是否支持VBScript, __defineSetter__, __defineGetter__)

avalon.modern 支持IE10+及较新的W3C浏览器(判定标准是

   这些浏览器是否支持Object.defineProperty, addEventListener)

avalon.next 支持IE12+(edge)及chrome49, firefox49(判定标准是

   这些浏览器是否支持Proxy, document.registerElement)
   

那我在做PC页面时，是不是要针对浏览器的不同情况引入不同的js？比如IE10以下引用avalon.js，IE10以上引用avalon.modern.js，IE12以上用avalone.next.js？

Answer 1

看一下这个

http://www.cnblogs.com/spider...

Answer 2

<script>
    (function(){
        var filePath;
        if(typeof Proxy !== 'undefined')
            filePath = 'avalon.next.js';
        else if(typeof Object.defineProperty !== 'undefined')
            filePath = 'avalon.modern.js';
        else
            filePath = 'avalon.js';
        document.writeln('<script src="'+filePath+'"><\/script\>');//不可删除字符串里的“\”
    })();
</script>
<script>
    //必须在另一个标签中
    avalon.define(/*...*/);
</script>