使用jquery动态加载javascript以减少服务器压力
幸运的是,jQuery提供了一个内置的实用函数,$getScript()为我们提供了这样的方法。来实现在网页动态的功能。来看看这个函数的语法:
$.getScript(url,callback)
获取url参数所指定的脚本,使用一个GET请求到指定的服务器
Parameters
URL()获取脚本文件的URL。
callback (Function)可选函数 调用脚本文件加载后里面的函数
具体实现过程是
从资源加载文本
|如果字符串成功
返回XHR实例,用来获取脚本。
如何使用呢看下面的方法
我们创建一个new.js 脚本文件
HTML代码
上述代码当中我们创建一个new.js的脚本文件,在body部分当button函数触发的时候调用它,这样做的好处是减少服务器压力,是非常值得推荐的
$.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函数触发的时候调用它,这样做的好处是减少服务器压力,是非常值得推荐的
相关推荐
hhanbj 2020-11-17
81427005 2020-11-11
EdwardSiCong 2020-11-23
85477104 2020-11-17
seoppt 2020-09-13
honeyth 2020-09-13
WRITEFORSHARE 2020-09-13
84483065 2020-09-11
momode 2020-09-11
85477104 2020-08-15
83510998 2020-08-08
82550495 2020-08-03
tthappyer 2020-08-03
84901334 2020-07-28
tthappyer 2020-07-25
TONIYH 2020-07-22
tztzyzyz 2020-07-20
83510998 2020-07-18
81463166 2020-07-17