JS 动态加载 CSS 文件和JS文件,加载图片

实现功能的js代码。

var dynamicLoading = {
    css: function(path){
        if(!path || path.length === 0){
            throw new Error('argument "path" is required !');
        }
        var head = document.getElementsByTagName('head')[0];
        var link = document.createElement('link');
        link.href = path;
        link.rel = 'stylesheet';
        link.type = 'text/css';
        head.appendChild(link);
    },
    js: function(path){
        if(!path || path.length === 0){
            throw new Error('argument "path" is required !');
        }
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.src = path;
        script.type = 'text/javascript';
        head.appendChild(script);
    }
}；

---

如何使用？

//动态加载 CSS 文件
dynamicLoading.css("test.css");

//动态加载 JS 文件
dynamicLoading.js("test.js");

使用Jquery的话

$.getscript("test.js"); 即可

如何加载图片？

动态加载图片

<script type="text/javascript"> 
       var imgID = new Image(); 
       imgID.src = "images/test.gif"; 
       imgID.onload = function(){ 
document.getElementById("test").innerHTML = "<img src="+imgID.src+" />"; 
       }    
</script>