怎样进行Jquery动态加载js，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。如果您要创建一个WEB2.0的应用程序，那么你的网页会包括大
怎样进行Jquery动态加载js，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
如果您要创建一个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代码
<html> <head> <title> $.getScript Example</title> <script type="text/javascript" src="../jquery.js"></script> <script type="text/javascript"> $(function() { $('#loadButton').click(function(){ $.getScript('new.js',function(){ newFun('"Checking new script"');//这个函数是在new.js里面的，当点击click后运行这个函数 }); }); }); </script> </head> <body> <button type="button" id="loadButton">Load</button> </body> </html>上述代码当中我们创建一个new.js的脚本文件，在body部分当button函数触发的时候调用它，这样做的好处是减少服务器压力，是非常值得推荐的。
关于怎样进行jQuery动态加载JS问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注编程网html频道了解更多相关知识。
--结束END--
本文标题: 怎样进行jQuery动态加载JS
本文链接: https://www.lsjlt.com/news/86056.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0