动态加载JS或CSS

动态加载JS,支持回调:

// 动态加载script标签内容

function loadScript(src, callback, charset) {

        var script = document.createElement('script');

        script.setAttribute('language', 'javascript');

	if (charset) {

	        script.setAttribute('charset', charset);

	}

	script.setAttribute('src', src);

	document.getElementsByTagName("head")[0].appendChild(script);

	if(document.all) {

		script.onreadystatechange = function() {

			if(this.readyState == 4 || this.readyState == 'complete' || this.readyState == 'loaded') {

				callback();

			}

		};

	} else {

		script.onload = function() {

			callback();

		};

	}

}

 动态加载JS和CSS集合:

/*

 * o的结构 {js:['a.js'],css:['a.css'],callback:function(){}}

 */

Common.jsCssLoadRun = function(o) {

	var count = 0;

	var scriptTag, linkTag;

	var scriptFiles = o.js;

	var cssFiles = o.css;

	var head = document.getElementsByTagName('head')[0];



	for ( var k = 0; k < cssFiles.length; k++) {

		linkTag = document.createElement('link');

		linkTag.type = 'text/css';

		linkTag.rel = 'stylesheet';

		linkTag.href = cssFiles[k];

		head.appendChild(linkTag);

	}



	for (k = 0; k < scriptFiles.length; k++) {

		scriptTag = document.createElement('script');

		scriptTag.type = 'text/javascript';

		scriptTag.charset = 'utf-8';

		scriptTag.src = scriptFiles[k];

		head.appendChild(scriptTag);

		if (typeof o.callback == "function") {

			if (scriptTag.readyState) { // IE

				scriptTag.onreadystatechange = function() {

					if (scriptTag.readyState == "loaded"

							|| scriptTag.readyState == "complete") {

						count++;

						if (count == scriptFiles.length)

							o.callback.call();

					}

				};

			} else { // other browsers

				scriptTag.onload = function() {

					count++;

					if (count == scriptFiles.length)

						o.callback.call();

				};

			}

		}

	}



	if (scriptFiles.length == 0) {

		o.callback.call();

	}

};

 多浏览器支持情况,可参考这里