动态加载js和css

有时候js或css需要后期加载，不需要页面载入的时候加载，这时候客户通过下面方式限定一下访问css及js的方法变量

<script>
    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);
        }
    }
</script>

 

然后在需要载入调用的时候，通过下面的方式载入

dynamicLoading.js("/Content/showImage/js/jquery.min.js");
dynamicLoading.js("/Content/showImage/js/jquery.flexslider.js");
dynamicLoading.js("/Content/showImage/js/effects.js");