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 相关文章推荐
javascript json2 使用方法
Mar 16 Javascript
Tab页界面 用jQuery及Ajax技术实现(php后台)
Oct 12 Javascript
jQuery.extend 函数的详细用法
Jun 27 Javascript
jQuery实现简单二级下拉菜单
Apr 12 Javascript
JavaScript函数使用的基本教程
Jun 04 Javascript
javascript实现二级级联菜单的简单制作
Nov 19 Javascript
jQuery validate 验证radio实例
Mar 01 Javascript
Node.js使用Express创建Web项目详细教程
Mar 31 Javascript
bootstrap fileinput插件实现预览上传照片功能
Jan 23 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
Sep 04 Javascript
JavaScript canvas绘制渐变颜色的矩形
Feb 18 Javascript
JS实现图片懒加载(lazyload)过程详解
Apr 02 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文件上传判断file是否己选择上传文件的方法
2014/11/10 PHP
CentOS6.5 编译安装lnmp环境
2014/12/21 PHP
详解PHP数据压缩、加解密(pack, unpack)
2016/12/17 PHP
PHP jpgraph库的配置及生成统计图表:折线图、柱状图、饼状图
2017/05/15 PHP
PHP开发中解决并发问题的几种实现方法分析
2017/11/13 PHP
window.location.hash 属性使用说明
2010/03/20 Javascript
通过jquery还原含有rowspan、colspan的table的实现方法
2012/02/10 Javascript
jQuery 图片切换插件(代码比较少)
2012/05/07 Javascript
javascript背景时钟实现方法
2015/06/18 Javascript
JavaScript简单遍历DOM对象所有属性的实现方法
2015/10/21 Javascript
jQuery position() 函数详解以及jQuery中position函数的应用
2015/12/14 Javascript
详解AngularJS控制器的使用
2016/03/09 Javascript
MVC+jQuery.Ajax异步实现增删改查和分页
2020/12/22 Javascript
浅谈JavaScript 执行环境、作用域及垃圾回收
2016/05/31 Javascript
jQuery删除当前节点元素
2016/12/07 Javascript
IntersectionObserver API 详解篇
2016/12/11 Javascript
AngularJS之页面跳转Route实例代码
2017/03/10 Javascript
详解vue2.0脚手架的webpack 配置文件分析
2017/05/27 Javascript
angularjs定时任务的设置与清除示例
2017/06/02 Javascript
Angularjs cookie 操作实例详解
2017/09/27 Javascript
JS简单数组排序操作示例【sort方法】
2019/05/17 Javascript
解决vue单页面修改样式无法覆盖问题
2019/08/05 Javascript
python 计算两个日期相差多少个月实例代码
2017/05/24 Python
pymongo中group by的操作方法教程
2019/03/22 Python
python BlockingScheduler定时任务及其他方式的实现
2019/09/19 Python
Pycharm+Python工程,引用子模块的实现
2020/03/09 Python
澳大利亚家用电器在线商店:Billy Guyatts
2020/05/05 全球购物
造价工程师个人求职信
2013/09/21 职场文书
店长岗位职责
2013/11/21 职场文书
宪法宣传周工作方案
2014/05/26 职场文书
通知的格式范文
2015/04/27 职场文书
python实现股票历史数据可视化分析案例
2021/06/10 Python
简单总结SpringMVC拦截器的使用方法
2021/06/28 Java/Android
python元组打包和解包过程详解
2021/08/02 Python
mysql数据插入覆盖和时间戳的问题及解决
2022/03/25 MySQL
《进击的巨人》新联动CM 兵长强势出击兽巨人
2022/04/05 日漫