幸运的是,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代码
<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript"> <br>$(function() <br>{ <br>$('#loadButton').click(function(){ <br>$.getScript('new.js',function(){ <br>newFun('"Checking new script"');//这个函数是在new.js里面的,当点击click后运行这个函数 <br>}); <br>}); <br>}); <br></script>
上述代码当中我们创建一个new.js的脚本文件,在body部分当button函数触发的时候调用它,这样做的好处是减少服务器压力,是非常值得推荐的











