对于web2.0开发，JS可谓是必不可少的，当网页包含了大量的JavaScript文件时，就很有可能会拖慢您的网页。因此，动态加载JavaScript代码到您的网页是一个好主意，即只有当用到他们的时候才加载它们。这种策略可以帮助你减少你的网页的加载时间。 如果我们使用Jquery的话，这就简单得多，jQuery提供了一个内置的实用函数，$getScript() 为我们提供了这样的方法来实现在网页中JS文件的动态加载功能。 $.getScript(url,callback) 获取url参数所指定的脚本，使用一个GET请求到指定的服务器 参数： URL() 获取脚本文件的URL。 callback (Function)可选函数 调用脚本文件加载后里面的函数 具体实现过程是 1、从资源加载文本 2、如果字符串成功 3、返回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函数触发的时候调用它，这样做的好处是减少服务器压力，是非常值得推荐的。
文章来源 CODETC，欢迎分享，转载请注明地址：
http://www.codetc.com/article-200-1.html
|