当前位置: 移动技术网 > IT编程>开发语言>JavaScript > 使用jquery动态加载javascript以减少服务器压力

使用jquery动态加载javascript以减少服务器压力

2019年01月12日  | 移动技术网IT编程  | 我要评论
jquery提供了一个内置的实用函数,$getscript()为我们提供了这样的方法。来实现在网页动态的功能。来看看这个函数的语法: $.getscript(url,call

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函数触发的时候调用它,这样做的好处是减少服务器压力,是非常值得推荐的。

如您对本文有疑问或者有任何想说的,请 点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网