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


Posted in Javascript onOctober 29, 2012

幸运的是,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函数触发的时候调用它,这样做的好处是减少服务器压力,是非常值得推荐的
Javascript 相关文章推荐
ajaxControlToolkit AutoCompleteExtender的用法
Oct 30 Javascript
js实现动态改变字体大小代码
Jan 02 Javascript
js的for in循环和java里foreach循环的区别分析
Jan 28 Javascript
详解JavaScript ES6中的Generator
Jul 28 Javascript
jQuery的promise与deferred对象在异步回调中的作用
May 03 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
May 26 Javascript
Angularjs实现分页和分页算法的示例代码
Dec 23 Javascript
javascript实现简易计算器
Feb 01 Javascript
jQuery插件FusionCharts绘制的3D环饼图效果示例【附demo源码】
Apr 02 jQuery
基于vue中对鼠标划过事件的处理方式详解
Aug 22 Javascript
Vue项目引进ElementUI组件的方法
Nov 11 Javascript
Vue实现手机计算器
Aug 17 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
Oct 29 #Javascript
js制作的鼠标悬浮时产生的下拉框效果
Oct 27 #Javascript
改进版通过Json对象实现深复制的方法
Oct 24 #Javascript
分享8款优秀的 jQuery 加载动画和进度条插件
Oct 24 #Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
Oct 24 #Javascript
JavaScript window.document的属性、方法和事件小结
Oct 24 #Javascript
javaScript 删除字符串空格多种方法小结
Oct 24 #Javascript
You might like
PHP与javascript的两种交互方式
2006/10/09 PHP
帝国cms目录结构分享
2015/07/06 PHP
浅析php如何实现App常用的秒发功能
2016/08/03 PHP
php根据数据id自动生成编号的实现方法
2016/10/16 PHP
用window.location.href实现刷新另个框架页面
2007/03/07 Javascript
基于jquery的实现简单的表格中增加或删除下一行
2010/08/01 Javascript
jquery命令汇总,方便使用jquery的朋友
2012/06/26 Javascript
jquery 设置style:display的方法
2015/01/29 Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
2015/02/20 Javascript
JQuery中DOM事件合成用法实例分析
2015/06/13 Javascript
js实现具有高亮显示效果的多级菜单代码
2015/09/01 Javascript
jQuery基于json与cookie实现购物车的方法
2016/04/15 Javascript
javascript实现随机生成DIV背景色
2016/06/20 Javascript
完美解决input[type=number]无法显示非数字字符的问题
2017/02/28 Javascript
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
Webpack 4如何动态切割JS注入文件名详解
2019/07/09 Javascript
vue 实现移动端键盘搜索事件监听
2019/11/06 Javascript
js实现踩五彩块游戏
2020/02/08 Javascript
[52:06]完美世界DOTA2联赛决赛日 Inki vs LBZS 第一场 11.08
2020/11/10 DOTA
python 算法 排序实现快速排序
2012/06/05 Python
在Windows8上的搭建Python和Django环境
2014/07/03 Python
PyQt5每天必学之日历控件QCalendarWidget
2018/04/19 Python
python2与python3中关于对NaN类型数据的判断和转换方法
2018/10/30 Python
浅谈python下含中文字符串正则表达式的编码问题
2018/12/07 Python
Django在pycharm下修改默认启动端口的方法
2019/07/26 Python
Pycharm 字体大小调整设置的方法实现
2019/09/27 Python
dpn网络的pytorch实现方式
2020/01/14 Python
Python 面向对象静态方法、类方法、属性方法知识点小结
2020/03/09 Python
深入浅析python 中的self和cls的区别
2020/06/20 Python
迪奥官网:Dior.com
2018/12/04 全球购物
品酒会策划方案
2014/05/26 职场文书
师德师风事迹材料
2014/12/20 职场文书
淘宝好评语句大全
2014/12/31 职场文书
被委托人身份证明
2015/08/07 职场文书
2016年村干部公开承诺书(公开承诺事项)
2016/03/25 职场文书
深入浅析python3 依赖倒置原则(示例代码)
2021/07/09 Python