信鸽网

jquery及js实现动态加载js文件的方法

  作者：bea

本文实例讲述了jquery及js实现动态加载js文件的方法。分享给大家供大家参考，具体如下： 问题： 如果用jquery append直接加载script标签的话，会报错的。除了document.write外，还有没有其他的比较好的动态加载js文件的方法。 解决方法： 1、jquery方法 $.getScript("./test.js"); //加载js文件$.getScript("./test.js",function(){ //加载test.js,成功后，并执行回

本文实例讲述了jquery及js实现动态加载js文件的方法。分享给大家供大家参考，具体如下：


问题：


如果用jquery append直接加载script标签的话，会报错的。除了document.write外，还有没有其他的比较好的动态加载js文件的方法。


解决方法：


1、jquery方法




$.getScript("./test.js");  //加载js文件

$.getScript("./test.js",function(){  //加载test.js,成功后，并执行回调函数

  console.log("加载js文件");

});


2、js方法




<html>

<body>

</body>

</html>

<script type="text/javascript">

function loadScript(url, callback) {

  var script = document.createElement("script");

  script.type = "text/javascript";

  if(typeof(callback) != "undefined"){

    if (script.readyState) {

      script.onreadystatechange = function () {

        if (script.readyState == "loaded" || script.readyState == "complete") {

          script.onreadystatechange = null;

          callback();

        }

      };

    } else {

      script.onload = function () {

        callback();

      };

    }

  }

  script.src = url;

  document.body.appendChild(script);

}

loadScript("jquery-latest.js", function () { //加载,并执行回调函数

  alert($(window).height());

});

//loadScript("jquery-latest.js"); //加载js文件

</script>


更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript错误与调试技巧总结》与《JavaScript扩展技巧总结》


希望本文所述对大家JavaScript程序设计有所帮助。




有用  |  无用

猜你喜欢

您可能感兴趣的文章: