动态加载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();

        }

    }