检验浏览器是否支持未知元素的方法

(function() {
    try {
        var a = document.createElement('a');
        a.innerHTML = '<xyz></xyz>';
       //if the hidden property is implemented we can assume, that the browser supports  basic HTML5 Styles
        supportsHtml5Styles = ('hidden' in a);
        supportsUnknownElements = a.childNodes.length == 1 || (function() {
            // assign a false positive if unable to shiv
             (document.createElement)('a');
              var frag = document.createDocumentFragment();
        return (
            typeof frag.cloneNode == 'undefined' ||
            typeof frag.createDocumentFragment == 'undefined' ||
            typeof frag.createElement == 'undefined'
            );
    }());
        } catch(e) {
           // assign a false positive if detection fails => unable to shiv
            supportsHtml5Styles = true;
            supportsUnknownElements = true;
    }
}());
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容