jQuery动态加载JS以减少服务器压力

如果您要创建一个web2.0的应用程序，那么你的网页会包括大量的JavaScript文件，这些可能会拖慢您的网页。因此，动态加载JavaScript代码到您的网页是一个好主意，即只有当实用他们的时候加载它们。这种策略可以帮助你减少你的网页的加载时间。

成都创新互联公司专注于中大型企业的成都网站制作、成都网站建设、外贸营销网站建设和网站改版、网站营销服务，追求商业策划与数据分析、创意艺术与技术开发的融合，累计客户上千，服务满意度达97%。帮助广大客户顺利对接上互联网浪潮，准确优选出符合自己需要的互联网运用，我们将一直专注成都品牌网站建设和互联网程序开发，在前进的路上，与客户一起成长！

幸运的是，jQuery提供了一个内置的实用函数，$getScript（）为我们提供了这样的方法。来实现在网页动态的功能。来看看这个函数的语法：

 
 
 
  
  
  $.getScript(url,callback)

获取url参数所指定的脚本，使用一个GET请求到指定的服务器

Parameters

URL（）获取脚本文件的URL。

callback (Function)可选函数调用脚本文件加载后里面的函数

具体实现过程是

从资源加载文本

如果字符串成功

返回XHR实例，用来获取脚本。

如何使用呢看下面的方法

我们创建一个new.js 脚本文件

 
 
 
  
  
  var testVar = 'New JS loaded!'; 
  
  
  alert(testVar); 
  
  
  function newFun(dynParam) 
  
  
  { 
  
  
   alert('You just passed '+dynParam+ ' as parameter.'); 
  
  
  }

HTML代码

 
 
 
  
  
  
  
  
  
  
  
   $.getScript Example
  
  
  
  
  
  
  
  
  $(function() 
  
  
  { 
  
  
   $('#loadButton').click(function(){ 
  
  
    $.getScript('new.js',function(){ 
  
  
     newFun('"Checking new script"');//这个函数是在new.js里面的，当点击click后运行这个函数 
  
  
    }); 
  
  
   }); 
  
  
  }); 
  
  
  
  
  
  
  
  
  
  
  
  Load

上述代码当中我们创建一个new.js的脚本文件，在body部分当button函数触发的时候调用它，这样做的好处是减少服务器压力，是非常值得推荐的。

网页题目：jQuery动态加载JS以减少服务器压力
文章源于：http://www.shufengxianlan.com/qtweb/news33/50983.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容