js的原始方法动态加载js文件

原创于 2013-06-15 11:29:48 发布 · 103 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js 专栏收录该内容

103 篇文章

订阅专栏

本文介绍了一种使用JavaScript动态加载外部JS文件的方法，并通过示例展示了如何按顺序加载多个JS文件，包括jQuery库和自定义脚本。

js的原始方法动态加载js文件

<script type="text/javascript">
         function loadScript(url, callback) {
             var script = document.createElement("script");
             script.type = "text/javascript";

             //IE
             if (script.readyState) {
                 script.onreadystatechange = function () {
                     if (script.readyState == "loaded" || script.readyState == "complete") {
                         script.onreadystatechange = null;
                         callback();
                     }
                 }
             } else {
                 //非IE
                 script.onload = function () {
                     callback();
                 }
             }
             script.src = url;
             document.getElementById("head").appendChild(script);
         }
         //第一步加载jquery类库
         loadScript("jquery/jquery-1.7.js", function () {
             //第二步加载test.js
             loadScript("js/test.js", function () {
                 //第三步加载test1.js
                 loadScript("js/test1.js", function () {

                 });
             });
         });
     </script>