怎样进行jQuery动态加载JS

怎样进行jQuery动态加载JS,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

创新互联专业为企业提供西秀网站建设、西秀做网站、西秀网站设计、西秀网站制作等企业网站建设、网页设计与制作、西秀企业网站模板建站服务,10多年西秀做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

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

幸运的是,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问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联行业资讯频道了解更多相关知识。


网站栏目:怎样进行jQuery动态加载JS
标题来源:http://myzitong.com/article/pisgcj.html