js 动态创建对象、引入文件等

1、根据需要引入css文件

/**
 * 额外引入css文件
 */
function doAddCssFun(){
	var link = document.createElement('link');
	link.type = 'text/css';
	link.rel = 'stylesheet';
	link.href = './css/mainDemo.css';
	document.getElementsByTagName("head")[0].appendChild(link);
	alert('test add css');
}

2、动态引入js文件

//动态引入js
<script>
    var xhr = new XMLHttpRequest;
    if(environmentVar=="prod"){
        xhr.open('get','js/prod_common.js',false);
    }else{
        xhr.open('get','js/test_common.js',false);
    }
    xhr.onreadystatechange = function(){
        if( xhr.readyState == 4 ){
            if( xhr.status >=200 && xhr.status < 300 || xhr.status == 304 ){
                var script = document.createElement('script');
                script.type = 'text/javascript';
                script.text = xhr.responseText;
                document.getElementsByTagName('head')[0].appendChild(script);
            }
        }
    };
    xhr.send(null);
</script>