在线客服系统源码开发实战总结：动态加载js文件实现粘贴一段js的sdk代码，直接引入插件效果

常见的在线客服系统中，或者是统计代码中，粘贴一段js代码，就能引入某个插件的效果。这个是怎么实现的呢？

十多年的麻山网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整麻山建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联公司从事“麻山网站设计”,“麻山网站推广”以来，每个客户项目都认真落实执行。

原理非常的简单：

对于不同的加载文件类型创建不同的节点，然后添加各自的属性，最后扔到head 标签里面。

经测试，本方法兼容各浏览器，安全、无毒、环保，是 web 开发人员工作常备代码。

//动态加载css
function dynamicLoadCss(url){
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
    link.type='text/css';
    link.rel= 'stylesheet';
    link.href= url;
    head.appendChild(link);
}
//动态加载js文件
function dynamicLoadJs(url, callback){
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
    script.type= 'text/javascript';
    script.src= url;
if(typeof(callback)=='function'){
        script.onload= script.onreadystatechange = function () {
if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete"){
                callback();
                script.onload= script.onreadystatechange = null;
            }
        };
    }
    head.appendChild(script);
}