外部jsのロードが完了してからfunctionを実行する

外部js内に関数が定義されていて、それが定義されてから実行する方法。
document.writeなどで動的にscriptタグが書き出されたときに、scriptの実行順序が逆になっても対応が可能。

javascript

// src: 外部jsのパス
// handler: jsのロード完了後に実行する関数
var call = function(src, handler){
	var base = document.getElementsByTagName("script")[0];
	var obj = document.createElement("script");
	obj.async = true;
	obj.src= src;
	if(obj.addEventListener){
		obj.onload = function () {
		handler();
		}
	}else{
		obj.onreadystatechange = function () {
			if ("loaded" == obj.readyState || "complete" == obj.readyState){
				obj.onreadystatechange = null;
				handler();
			}
		}
	}
	base.parentNode.insertBefore(obj,base);
};

call("http:xxxxxxx/xxx.js", function(){/*ここに処理を記載*/})