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学习笔记之控制页面实现代码
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
You might like
PHP脚本的10个技巧(2)
2006/10/09 PHP
php intval的测试代码发现问题
2008/07/27 PHP
通过PHP修改Linux或Unix口令的方法分享
2012/01/30 PHP
thinkphp常见路径用法分析
2014/12/02 PHP
PHP查找数值数组中不重复最大和最小的10个数的方法
2015/04/20 PHP
PHP实现远程下载文件到本地
2015/05/17 PHP
jQuery+Ajax+PHP“喜欢”评级功能实现代码
2015/10/08 PHP
php中static 静态变量和普通变量的区别
2016/12/01 PHP
Yii2框架中使用PHPExcel导出Excel文件的示例
2017/08/09 PHP
laravel5环境隐藏index.php后缀(apache)的方法
2019/10/12 PHP
为原生js Array增加each方法
2012/04/07 Javascript
jQuery的观察者模式详解
2014/12/22 Javascript
JavaScript入门教程之引用类型
2016/05/04 Javascript
JS中的进制转换以及作用
2016/06/26 Javascript
canvas绘制爱心的几种方法总结(推荐)
2017/10/31 Javascript
vue实现样式之间的切换及vue动态样式的实现方法
2017/12/19 Javascript
vue项目中使用lib-flexible解决移动端适配的问题解决
2018/08/23 Javascript
electron中使用bootstrap的示例代码
2018/11/06 Javascript
JavaScript算法学习之冒泡排序和选择排序
2019/11/02 Javascript
vue跳转页面的几种方法(推荐)
2020/03/26 Javascript
使用Python的Supervisor进行进程监控以及自动启动
2014/05/29 Python
Python读写unicode文件的方法
2015/07/10 Python
pytz格式化北京时间多出6分钟问题的解决方法
2019/06/21 Python
Pytorch中accuracy和loss的计算知识点总结
2019/09/10 Python
Python浮点数四舍五入问题的分析与解决方法
2019/11/19 Python
python django中8000端口被占用的解决
2019/12/17 Python
查看已安装tensorflow版本的方法示例
2020/04/19 Python
Python logging模块handlers用法详解
2020/08/14 Python
CSS3 不定高宽垂直水平居中的几种方式
2020/03/26 HTML / CSS
党员干部2014全国两会学习心得体会
2014/03/10 职场文书
项目委托协议书(最新)
2014/09/13 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书
单位更名证明
2015/06/18 职场文书
植树节新闻稿
2015/07/17 职场文书
2016公司中秋节寄语
2015/12/07 职场文书
SpringBoot详解执行过程
2022/07/15 Java/Android