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

 更新时间:2016年01月21日 11:59:46   作者:张映  
这篇文章主要介绍了jquery及js实现动态加载js文件的方法,结合实例形式分别讲述了基于jQuery以及基于JavaScript的文件动态加载方法,需要的朋友可以参考下

本文实例讲述了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程序设计有所帮助。

相关文章

  • JavaScript实现随机点名网页

    JavaScript实现随机点名网页

    这篇文章主要为大家详细介绍了JavaScript实现随机点名网页,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • JS实现模拟风力的雪花飘落效果

    JS实现模拟风力的雪花飘落效果

    这篇文章主要介绍了JS实现模拟风力的雪花飘落效果,可在右侧填入风力值点击按钮即可看到伴随风力的雪花飘落效果,同时右侧有实时雪花数量统计功能,需要的朋友可以参考下
    2015-05-05
  • ES6知识点整理之函数对象参数默认值及其解构应用示例

    ES6知识点整理之函数对象参数默认值及其解构应用示例

    这篇文章主要介绍了ES6知识点整理之函数对象参数默认值及其解构应用,结合实例形式分析了ES6函数对象参数相关使用技巧,需要的朋友可以参考下
    2019-04-04
  • javascript 流畅动画实现原理

    javascript 流畅动画实现原理

    浏览器目前来说是没有抗锯齿效果的(将来不一定哦),这样dom元素外观的改变就被限制在1个像素为最佳效果。
    2009-09-09
  • 编写更好的JavaScript条件式和匹配条件的技巧(小结)

    编写更好的JavaScript条件式和匹配条件的技巧(小结)

    这篇文章主要介绍了编写更好的JavaScript条件式和匹配条件的技巧(小结),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06
  • HTML5实现微信拍摄上传照片功能

    HTML5实现微信拍摄上传照片功能

    这篇文章主要介绍了HTML5实现微信拍摄上传照片功能,实现HTML5 Canvas手机拍摄,本地压缩上传图片时遇到问题的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • JavaScript实现随机替换图片的方法

    JavaScript实现随机替换图片的方法

    这篇文章主要介绍了JavaScript实现随机替换图片的方法,涉及javascript中Math.random方法的灵活运用,需要的朋友可以参考下
    2015-04-04
  • JavaScript进阶教程之非extends的组合继承详解

    JavaScript进阶教程之非extends的组合继承详解

    组合继承有时候也叫伪经典继承,指的是将原型链和借用构造函数技术组合到一块,从而发挥二者之长的一种继承模式,下面这篇文章主要给大家介绍了关于JavaScript进阶教程之非extends的组合继承的相关资料,需要的朋友可以参考下
    2022-08-08
  • js实现三张图(文)片一起切换的banner焦点图

    js实现三张图(文)片一起切换的banner焦点图

    这篇文章主要介绍了js实现三张图(文)片一起切换的banner焦点图,推荐给大家,有需要的小伙伴可以参考下。
    2015-08-08
  • javascript生成随机颜色示例代码

    javascript生成随机颜色示例代码

    这篇文章主要介绍了使用javascript如何生成随机颜色,需要的朋友可以参考下
    2014-05-05

最新评论