複数のjsファイルをブラウザの種類によって読込み別けるJavaScript



ブラウザの種類によって、読込むjsファイルを別けたい時に使用しました。

1.JavaScriptの記述

<script type="text/javascript">
(function(){
	var require = function(){
		for(var i=0,l=arguments.length;i<l;i++){
			document.write('<script type="text/javascript" src="' + arguments[i] + '"><\/script>');
		}
	}
	require('req.js');	//最初に読込むjsファイル
	var strUA = "";
	strUA = navigator.userAgent.toLowerCase();
	//ブラウザの種類(IEまたはそれ以外)によって読込むjsファイルを別ける
	if(strUA.indexOf("msie") != -1){
		require('ie.js');	//IEの場合
	}else{
		require('etc.js');	//IE以外の場合
	}
})();
</script>

 

2-1.最初に読込むjsファイル(req.js)内の記述

document.write('<div align="center" style="padding:15px 0 5px 0;">req.jsを読み込みました。</div><div align="center">↓</div>');

 

2-2.ブラウザの種類がIEの場合に読込むjsファイル(ie.js)内の記述

document.write('<div align="center" style="padding:5px 0 15px 0;">アナタのブラウザはIEです。</div>');

 

2-3.ブラウザの種類がIEの場合に読込むjsファイル(ie.js)内の記述

document.write('<div align="center" style="padding:5px 0 15px 0;">アナタのブラウザはIEではありません。</div>');

 
複数のjsファイルをブラウザの種類によって読込み別けるJavaScriptのデモ
 

ブラウザによってjsファイル内の記述が膨大になったり、
jQueryのプラグインを別けたい場合に使用すると不必要なjsファイルは読込まずに出来ます。
(まぁでも、他にも方法はあると思いますが)