jQuery如何实现动态加载javascript文件

这篇文章将为大家详细讲解有关jQuery如何实现动态加载javascript文件，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

成都创新互联-云计算及IDC服务提供商，涵盖公有云、IDC机房租用、四川移动机房托管、等保安全、私有云建设等企业级互联网基础服务，欢迎联系：18982081108

本文实例讲述了jQuery实现动态加载(按需加载)javascript文件的方法。分享给大家供大家参考，具体如下：

为了提高网页程序的性能，在很多情况下javascript 是按需加载，而不是全部写在里面。利用jQuery可以很方便的实现按需加载js.

$("#load").click(function(){
  $.getScript('helloworld.js', function() {
     $("#content").html('js 加载成功!');
  });
});

当id为“load" 的按钮被点击之后，将会动态加载 helloword.js , 然后就可以执行里面的方法。






 利用 jQuery 动态加载 js

Load JavaScript Say Hello $("#load").click(function(){ $.getScript('js-example/helloworld.js', function() { $("#content").html(' Javascript is loaded successful! sayHello() function is loaded! '); }); }); $("#sayHello").click(function(){ sayHello(); });

其中 helloworld.js 的代码如下:

function sayHello(){
  alert("Hello ~我是动态加载的!");
}

jquery是什么

jquery是一个简洁而快速的JavaScript库，它具有独特的链式语法和短小清晰的多功能接口、高效灵活的css选择器，并且可对CSS选择器进行扩展、拥有便捷的插件扩展机制和丰富的插件，是继Prototype之后又一个优秀的JavaScript代码库，能够用于简化事件处理、HTML文档遍历、Ajax交互和动画，以便快速开发网站。

关于“jQuery如何实现动态加载javascript文件”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

网页名称：jQuery如何实现动态加载javascript文件
文章转载：http://njwzjz.com/article/gsgphc.html

NEWS

网站建设资讯

jQuery如何实现动态加载javascript文件

利用 jQuery 动态加载 js

jquery是什么

其他资讯