jstarted.com
JavaScript/HTML/CSSのノウハウや覚書を掲載するブログ
2014.2.20

javascriptを使ってcssファイルを読み込む

Category:

瑣末な話ですが、jsで操作する前提で書くcssファイルは、そうでないものとファイルをわけて読み込ませるよう、個人的に心がけています。万が一jsが動かない場合にレイアウトが崩れるのを避けるためでもありますが、その場合js用のcssは、jsを経由して読み込ませるようにしています。

コードは以下です。

var load_css = function(){
	var head = document.getElementsByTagName('head')[0],
	    link = document.createElement('link');

	link.href = './css/js_recet.css';
	link.rel = 'stylesheet';
	head.appendChild(link);
};

jsを多用したリッチなページ制作の際に役立っています。

jstarted.comはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を
獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、
Amazonアソシエイト・プログラムの参加者です。

クリエイティブ・コモンズ・ライセンス
jstarted.com by yoichi kobayashi is licensed under a Creative Commons 表示 3.0 非移植 License.