動態加載js文件，並在加載成功后執行回調函數

有的時候需要動態加載一個javascript文件，並且在加載成功后執行回調函數（例如文件中保存了json數據之類的）。要實現這樣的功能，可以使用<script> 元素的load 事件（IE9+、chrome、FireFox等）和onreadystatechange 事件（IE8以下），直接上代碼：

function loadScript(src, callback) {
    var script = document.createElement('script'),
        head = document.getElementsByTagName('head')[0];
    script.type = 'text/javascript';
    script.charset = 'UTF-8';
    script.src = src;
    if (script.addEventListener) {
        script.addEventListener('load', function () {
            callback();
        }, false);
    } else if (script.attachEvent) {
        script.attachEvent('onreadystatechange', function () {
            var target = window.event.srcElement;
            if (target.readyState == 'loaded') {
                callback();
            }
        });
    }
    head.appendChild(script);
}

　　

loadScript('http://cdn.staticfile.org/jquery/1.6.2/jquery.min.js',function(){
	console.log('onload');
});