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 相关文章推荐
lyhucSelect基于Jquery的Select数据联动插件
Mar 29 Javascript
JavaScript中的fontsize()方法使用详解
Jun 08 Javascript
Bootstrap前端开发案例一
Jun 17 Javascript
用瀑布流的方式在网页上插入图片的简单实现方法
Sep 23 Javascript
js与jquery分别实现tab标签页功能的方法
Nov 18 Javascript
Angular2 PrimeNG分页模块学习
Jan 14 Javascript
JS实现数组按升序及降序排列的方法
Apr 26 Javascript
JS使用队列对数组排列,基数排序算法示例
Mar 02 Javascript
解决在layer.open中使用时间控件laydate失败的问题
Sep 11 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 Javascript
使用 Opentype.js 生成字体子集的实例代码详解
May 25 Javascript
Vue+element+cookie记住密码功能的简单实现方法
Sep 20 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多维数组的深度的方法
2014/01/07 PHP
详解WordPress中提醒安装插件以及隐藏插件的功能实现
2015/12/25 PHP
PHP入门教程之自定义函数用法详解(创建,调用,变量,参数,返回值等)
2016/09/11 PHP
php结合redis高并发下发帖、发微博的实现方法
2016/12/15 PHP
laravel请求参数校验方法
2019/10/10 PHP
jQuery操作checkbox选择(list/table)
2013/04/07 Javascript
JavaScript创建类/对象的几种方式概述及实例
2013/05/06 Javascript
基于js与flash实现的网站flv视频播放插件代码
2014/10/14 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
2016/01/19 Javascript
[原创]Bootstrap 中下拉菜单修改成鼠标悬停直接显示
2016/04/14 Javascript
Javascript打印局部页面实例
2016/06/21 Javascript
Bootstrap table使用方法总结
2017/05/10 Javascript
js es6系列教程 - 新的类语法实战选项卡(详解)
2017/09/02 Javascript
解决vue中对象属性改变视图不更新的问题
2018/02/23 Javascript
基于vue v-for 循环复选框-默认勾选第一个的实现方法
2018/03/03 Javascript
vue 地图可视化 maptalks 篇实例代码详解
2019/05/21 Javascript
javascript中可能用得到的全部的排序算法
2020/03/05 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
2020/06/01 Javascript
[49:21]TNC vs VG 2019DOTA2国际邀请赛淘汰赛 胜者组赛BO3 第三场 8.20.mp4
2019/08/22 DOTA
python 生成器协程运算实例
2017/09/04 Python
python绘制多个曲线的折线图
2020/03/23 Python
pycharm远程开发项目的实现步骤
2019/01/20 Python
Django之使用内置函数和celery发邮件的方法示例
2019/09/16 Python
Python中低维数组填充高维数组的实现
2019/12/02 Python
Django框架models使用group by详解
2020/03/11 Python
Django 项目布局方法(值得推荐)
2020/03/22 Python
对python中arange()和linspace()的区别说明
2020/05/03 Python
Python实现将元组中的元素作为参数传入函数的操作
2020/06/05 Python
Brasty波兰:香水、化妆品、手表网上商店
2019/04/15 全球购物
政府绩效管理实施方案
2014/05/04 职场文书
文艺晚会策划方案
2014/06/11 职场文书
大学毕业生个人总结
2015/02/28 职场文书
环卫处个人工作总结
2015/03/04 职场文书
考勤制度通知
2015/04/25 职场文书
AI:如何训练机器学习的模型
2021/04/16 Python
SQL实现LeetCode(180.连续的数字)
2021/08/04 MySQL