编程 Javascript

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

Posted in Javascript onJanuary 21, 2016

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

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

- Author -

张映

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery学习笔记之控制页面实现代码

Feb 27 Javascript

jQuery 3.0十大新特性

Jul 06 Javascript

关于JavaScript和jQuery的类型判断详解

Oct 08 Javascript

详解微信小程序页面跳转传递参数

Dec 08 Javascript

在DWR中实现直接获取一个JAVA类的返回值的两种方法

Dec 25 Javascript

原生JS实现跑马灯效果

Feb 20 Javascript

JS实现发送短信验证后按钮倒计时功能(防止刷新倒计时失效)

Jul 07 Javascript

自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结

Aug 18 Javascript

详解Vue SSR（ Vue2 + Koa2 + Webpack4）配置指南

Nov 13 Javascript

微信小程序代码上传、审核发布小程序

May 18 Javascript

vue实现分页加载效果

Dec 24 Javascript

antd配置config-overrides.js文件的操作

Oct 31 Javascript

js console.log打印对像与数组用法详解

Jan 21 #Javascript

JS遍历数组及打印数组实例分析

Jan 21 #Javascript

js采用concat和sort将N个数组拼接起来的方法

Jan 21 #Javascript

如何用angularjs制作一个完整的表格

Jan 21 #Javascript

angularjs自定义ng-model标签的属性

Jan 21 #Javascript

angularjs在ng-repeat中使用ng-model遇到的问题

Jan 21 #Javascript

js实现的二分查找算法实例

Jan 21 #Javascript