使用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 相关文章推荐
js查找父节点的简单方法
Jun 28 Javascript
JavaScript QueryString解析类代码
Jan 17 Javascript
JavaScript全排列的六种算法 具体实现
Jun 29 Javascript
javascript 获取模态窗口的滚动位置代码
Aug 06 Javascript
一款基jquery超炫的动画导航菜单可响应单击事件
Nov 02 Javascript
让angularjs支持浏览器自动填表
Nov 10 Javascript
Juery解决tablesorter中文排序和字符范围的方法
May 06 Javascript
js小数计算小数点后显示多位小数的实现方法
May 30 Javascript
Highcharts学习之坐标轴
Aug 02 Javascript
浅谈Webpack打包优化技巧
Jun 12 Javascript
用node开发并发布一个cli工具的方法步骤
Jan 03 Javascript
如何通过setTimeout理解JS运行机制详解
Mar 23 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设计模式(八)装饰器模式Decorator实例详解【结构型】
2020/05/02 PHP
jquery 学习之二 属性(类)
2010/11/25 Javascript
AJAX 网页保留浏览器前进后退等功能
2011/02/12 Javascript
jQuery News Ticker 基于jQuery的即时新闻行情展示插件
2011/11/05 Javascript
JSON 数字排序多字段排序介绍
2013/09/18 Javascript
50 个 jQuery 插件可将你的网站带到另外一个高度
2016/04/26 Javascript
jQuery模拟窗口抖动效果
2017/03/15 Javascript
JS原生带小白点轮播图实例讲解
2017/07/22 Javascript
BetterScroll 在移动端滚动场景的应用
2017/09/18 Javascript
JavaScript中关于class的调用方法
2017/11/28 Javascript
jquery在启动页面时,自动加载数据的实例
2018/01/22 jQuery
vue如何根据网站路由判断页面主题色详解
2018/11/02 Javascript
利用Vue构造器创建Form组件的通用解决方法
2018/12/03 Javascript
JS温故而知新之变量提升和时间死区
2019/01/27 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
2019/12/25 Javascript
Numpy array数据的增、删、改、查实例
2018/06/04 Python
解决python升级引起的pip执行错误的问题
2018/06/12 Python
python3使用SMTP发送HTML格式邮件
2018/06/19 Python
Python数据持久化shelve模块用法分析
2018/06/29 Python
Python 打印中文字符的三种方法
2018/08/14 Python
对Python发送带header的http请求方法详解
2019/01/02 Python
PyQt5+requests实现车票查询工具
2019/01/21 Python
Pandas删除数据的几种情况(小结)
2019/06/21 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
python实现俄罗斯方块小游戏
2020/04/24 Python
python excel多行合并的方法
2020/12/09 Python
Debenhams百货英国官方网站:Debenhams UK
2016/07/12 全球购物
英国百安居装饰建材网上超市:B&Q
2016/09/13 全球购物
英国最大的老式糖果店:A Quarter Of
2017/04/08 全球购物
Maisons du Monde德国:法国家具和装饰的市场领导者
2019/07/26 全球购物
岗位职责怎么写
2014/03/14 职场文书
如何写早恋检讨书
2014/09/10 职场文书
暑假打工感想
2015/08/07 职场文书
百年校庆宣传标语口号
2015/12/26 职场文书
2019奶茶店创业计划书范本!
2019/07/15 职场文书
解决mysql:ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: NO/YES)
2021/06/26 MySQL