[js] 外部js,cssを動的に読み込み

Pocket

firebugでのデバッグとかに使うようになってきたのでメモ。
読み込み順序は保証されないので注意。


jsの読み込み

(function(items){
	var head = document.getElementsByTagName("head")[0];
	for(var i = 0, len = items.length; i < len; i++) {
		var script = document.createElement("script");
		script.src = items[i].src;
		script.type = "text/javascript";
		if(items[i].charset) {
			script.charset = items[i].charset;
		}
		head.insertBefore(script, head.firstChild);
	}
}([
	//{ src: "http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" },	//jquery google
	//{ src: "http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.1.min.js" },	//jquery ms
	//{ src: "http://code.jquery.com/jquery-1.7.1.min.js" },	//jquery cdn
	//{ src: "http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" },	//jqueryUI cdn
	//{ src: "http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js" },	//swfobject 2.2
	{ src: "hoge.js" },
	{ src: "fuga.js", charset: "shift-jis" }
]));

cssの読み込み

(function (items) {
	var head = document.getElementsByTagName("head")[0];
	for(var i = 0, len = items.length; i < len; i++) {
		var link = document.createElement("link");
		link.rel = "stylesheet";
		link.type = "text/css";
		link.href = items[i];
 
		head.insertBefore(link, head.firstChild);
	}
}([
	//"http://yui.yahooapis.com/2.9.0/build/reset/reset-min.css",	//reset-min
	//"http://yui.yahooapis.com/2.9.0/build/fonts/fonts-min.css",	//fonts-min
	"/css/hoge.css",
	"/css/fuga.css"
]));

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です