动态加载css方法实现和深入解析

    一、方法引用来源和应用
    此动态加载css方法 loadCss，剥离自Sea.js，并做了进一步的优化（优化代码后续会进行分析）。
    因为公司项目需要用到懒加载来提高网站加载速度，所以将非首屏渲染必需的css文件进行动态加载操作。
    二、优化后的完整代码
    /*
    * @function 动态加载css文件
    * @param {string} options.url -- css资源路径
    * @param {function} options.callback -- 加载后回调函数
    * @param {string} options.id -- link标签id
    */
    function loadCss(options){

    var url = options.url,.

  北京整形隆鼻医院http://www.ahzdzs.com/

    callback = typeof options.callback == "function" ? options.callback : function(){},
    id = options.id,
    node = document.createElement("link"),
    supportOnload = "onload" in node,
    isOldWebKit = +navigator.userAgent.replace(/.*(?:AppleWebKit|AndroidWebKit)\/?(\d+).*/i, "$1") < 536, // webkit旧内核做特殊处理
    protectNum = 300000; // 阈值10分钟，一秒钟执行pollCss 500次
    node.rel = "stylesheet";
    node.type = "text/css";
    node.href = url;
    if( typeof id !== "undefined" ){
    node.id = id;
    }
    document.getElementsByTagName("head")[0].appendChild(node);