脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → jquery js动态加载js文件

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程序设计有所帮助。

您可能感兴趣的文章:

相关文章

  • 解决URL地址中的中文乱码问题的办法

    解决URL地址中的中文乱码问题的办法

    这篇文章主要介绍了解决URL地址中的中文乱码问题的办法的相关资料,需要的朋友可以参考下
    2017-02-02
  • 如何用JS判断两个数字的大小

    如何用JS判断两个数字的大小

    在JS的学习中,我们经常可能碰到这样的问题，本文用实例演示如何正确的用JS判断两个数字的大小。
    2016-07-07
  • JS实现图片轮播效果实例详解【可自动和手动】

    JS实现图片轮播效果实例详解【可自动和手动】

    这篇文章主要介绍了JS实现图片轮播效果,结合完整实例形式分析了javascript可自动和手动轮播图的原理、布局与轮播功能相关实现技巧,需要的朋友可以参考下
    2019-04-04
  • js和jquery中获取非行间样式

    js和jquery中获取非行间样式

    本篇文章主要介绍了js和jquery中获取非行间样式的相关知识，具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • JavaScript实现获取网络通信进度

    JavaScript实现获取网络通信进度

    这篇文章主要为大家详细介绍了如何使用Fetch API和XMLHttpRequest（XHR）来执行网络请求,并重点说明如何获取这两种方法的网络请求进度,感兴趣的可以了解下
    2023-12-12
  • JS实现的另类手风琴效果网页内容切换代码

    JS实现的另类手风琴效果网页内容切换代码

    这篇文章主要介绍了JS实现的另类手风琴效果网页内容切换代码,通过JavaScript响应鼠标事件动态操作页面元素样式属性实现手风琴效果,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-09-09
  • 如何在js代码中消灭for循环实例详解

    如何在js代码中消灭for循环实例详解

    for循环对大家来说都不陌生，下面这篇文章主要给大家介绍了关于如何在js代码中消灭for循环的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面随着小编来一起学习学习吧
    2018-07-07
  • H5实现仿flash效果的实现代码

    H5实现仿flash效果的实现代码

    这篇文章主要介绍了H5实现仿flash效果的实现代码的相关资料,希望通过本文能帮助到大家，实现这样的功能，需要的朋友可以参考下
    2017-09-09
  • JavaScript实现数组降维详解

    JavaScript实现数组降维详解

    大家都知道将多维数组（尤其是二维数组）转化为一维数组是业务开发中的常用逻辑，除了使用朴素的循环转换以外，我们还可以利用Javascript的语言特性和数据结构的思想实现更为简洁优雅的转换。下面跟着小编一起来学习学习关于JavaScript如何实现数组降维吧。
    2017-01-01
  • JavaScript实现雪花飘落效果

    JavaScript实现雪花飘落效果

    这篇文章主要为大家详细介绍了JavaScript实现雪花飘落效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2020-12-12

最新评论