动态加载js文件并且执行回调方法

 在做项目的时候经常需要动态的加载一些js文件， 因为这些js文件体积比较大而且用的少 只在需要的时候才用所有需.....

  需要用到的一些js方法 属性

readyState   onreadystatechange

javascript 中 readyStat 指示元素是否的状态

0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。
1-LOADING：加载程序进行中，但文件尚未开始解析。
2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。
3-INTERACTIVE：仅对已加载的部分文件有效，在此情况下，对象模型是有效但只读的。
4-COMPLETED：文件已完全加载，代表加载成功。

 

javascript 中 onreadystatechange 指示元素改变时触犯的一个方法(ie)

在火狐中元素加载触发 load 

开始动态加载js

 

function (uri, callbackfun) {
        var js = document.createElement("javascript");
        js.setAttribute("type", "text/javascript");
        js.setAttribute("src", uri);
        document.getElementsByTagName('head')[0].appendChild(js);
        if (pubobj.Brow.ie) {
            alert(js.readyState);
            if (js.readyState == 'loaded' || js.readyStaate == 'complete') {
                callbackfun();
            }
        }
        else if (pubobj.Brow.moz) {
            js.load = function () {
                callbackfun();
            }
        }
        else {
            callbackfun();
        }
    }