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

Javascript 相关文章推荐
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
Dec 02 Javascript
JS 面向对象之神奇的prototype
Feb 26 Javascript
jQuery动画效果-fadeIn fadeOut淡入浅出示例代码
Aug 28 Javascript
Js实现无刷新删除内容
Apr 29 Javascript
BootStrapValidator校验方式
Dec 19 Javascript
如何写好你的JavaScript【推荐】
Mar 02 Javascript
vue2 router 动态传参,多个参数的实例
Nov 10 Javascript
基于vue2.x的电商图片放大镜插件的使用
Jan 22 Javascript
Vue2(三)实现子菜单展开收缩,带动画效果实现方法
Apr 28 Javascript
用原生JS实现爱奇艺首页导航栏代码实例
Sep 19 Javascript
VUE+node(express)实现前后端分离
Oct 13 Javascript
Vuejs中的watch实例详解(监听者)
Jan 05 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
You might like
扩展你的 PHP 之入门篇
2006/12/04 PHP
php5 mysql分页实例代码
2008/04/10 PHP
PHP实现通过URL提取根域名
2016/03/31 PHP
php版微信数据统计接口用法示例
2016/10/12 PHP
js事件绑定快捷键以ctrl+k为例
2014/09/30 Javascript
浅谈JS日期(Date)处理函数
2014/12/07 Javascript
新手快速学习JavaScript免费教程资源汇总
2015/06/25 Javascript
浅谈Javascript数组的使用
2015/07/29 Javascript
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
2016/09/28 Javascript
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
JavaScript版经典游戏之扫雷游戏完整示例【附demo源码下载】
2016/12/12 Javascript
jQuery源码分析之init的详细介绍
2017/02/13 Javascript
Bootstrap表格使用方法详解
2017/02/17 Javascript
详解vue父子模版嵌套案例
2017/03/04 Javascript
jQuery实现遍历复选框的方法示例
2017/03/06 Javascript
jquery网页加载进度条的实现
2017/06/01 jQuery
nodejs mysql 实现分页的方法
2017/06/06 NodeJs
Node.JS如何实现JWT原理
2020/09/18 Javascript
python的类方法和静态方法
2014/12/13 Python
使用Python操作Elasticsearch数据索引的教程
2015/04/08 Python
python字典基本操作实例分析
2015/07/11 Python
Sanic框架路由用法实例分析
2018/07/16 Python
详解numpy矩阵的创建与数据类型
2019/10/18 Python
python3实现绘制二维点图
2019/12/04 Python
Python3之乱码\xe6\x97\xa0\xe6\xb3\x95处理方式
2020/05/11 Python
分享29个基于Bootstrap的HTML5响应式网页设计模板
2015/11/19 HTML / CSS
庆七一活动方案
2014/01/25 职场文书
公益活动邀请函
2014/02/05 职场文书
幼儿园毕业教师感言
2014/02/21 职场文书
护士求职自荐信范文
2014/03/19 职场文书
《观舞记》教学反思
2014/04/16 职场文书
青岛导游词
2015/02/12 职场文书
如何利用python和DOS获取wifi密码
2021/03/31 Python
JavaScript 防篡改对象的用法示例
2021/04/24 Javascript
golang http使用踩过的坑与填坑指南
2021/04/27 Golang
SpringBoot快速入门详解
2021/07/21 Java/Android