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

2019-12-24,,,

幸运的是,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脚本文件的方法
  • jquery及js实现动态加载js文件的方法
  • jquery getScript动态加载JS方法改进详解
  • 一个简单的动态加载js和css的jquery代码
  • 三种动态加载js的jquery实例代码另附去除js方法
  • 如何使用jquery动态加载js,css文件实现代码
  • jquery动态加载js/css文件方法(自写小函数)
  • 使用jquery动态加载Js文件和Css文件
  • jquery动态加载js三种方法实例
  • 使用jquery动态加载js文件的方法
  • jQuery实现动态加载(按需加载)javascript文件的方法分析

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

下载本文的Word格式文档,以方便收藏与打印。