使用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 相关文章推荐
Javascript 复制数组实现代码
Nov 26 Javascript
Flex通过JS获取客户端IP和计算机名的实例代码
Nov 21 Javascript
JQuery插件Quicksand实现超炫的动画洗牌效果
May 03 Javascript
轻松学习jQuery插件EasyUI EasyUI创建菜单与按钮
Nov 30 Javascript
AngularJS实现进度条功能示例
Jul 05 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
css和js实现弹出登录居中界面完整代码
Nov 26 Javascript
小程序tab页无法传递参数的方法
Aug 03 Javascript
JS/HTML5游戏常用算法之碰撞检测 包围盒检测算法详解【矩形情况】
Dec 13 Javascript
对Layer UI 模块化的用法详解
Sep 26 Javascript
javascript实现移动端触屏拖拽功能
Jul 29 Javascript
JavaScript实现淘宝商品图切换效果
Apr 29 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
Codeigniter检测表单post数据的方法
2015/03/21 PHP
3种php生成唯一id的方法
2015/11/23 PHP
php编译安装php-amq扩展简明教程
2016/06/25 PHP
脚本吧 - 幻宇工作室用到js,超强推荐base.js
2006/12/23 Javascript
IE8 引入跨站数据获取功能说明
2008/07/22 Javascript
DLL+ ActiveX控件+WEB页面调用例子
2010/08/07 Javascript
用js设置下拉框为只读的小技巧
2014/04/10 Javascript
jQuery响应enter键的实现思路
2014/04/18 Javascript
js监听鼠标事件控制textarea输入字符串的个数
2014/09/29 Javascript
js的[defer]和[async]属性
2014/11/24 Javascript
浅谈Javascript线程及定时机制
2015/07/02 Javascript
关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
2015/10/12 Javascript
javascript实现的网站访问量统计代码
2015/12/20 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
Bootstrap table简单使用总结
2017/02/15 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
jQuery中过滤器的基本用法示例
2017/10/11 jQuery
vue中父子组件注意事项,传值及slot应用技巧
2018/05/09 Javascript
React 实现车牌键盘的示例代码
2019/12/20 Javascript
python八大排序算法速度实例对比
2017/12/06 Python
python 利用文件锁单例执行脚本的方法
2019/02/19 Python
Python3.7 新特性之dataclass装饰器
2019/05/27 Python
python调用并链接MATLAB脚本详解
2019/07/05 Python
django框架模型层功能、组成与用法分析
2019/07/30 Python
Jupyter Notebook折叠输出的内容实例
2020/04/22 Python
Tensorflow中批量读取数据的案列分析及TFRecord文件的打包与读取
2020/06/30 Python
Python 操作 MySQL数据库
2020/09/18 Python
如何拷贝一整个Java对象,包括它的状态
2013/12/27 面试题
假面舞会策划方案
2014/05/29 职场文书
中班下学期幼儿评语
2014/12/30 职场文书
会计人员岗位职责
2015/02/03 职场文书
工地食品安全责任书
2015/05/09 职场文书
大学迎新生欢迎词
2015/09/29 职场文书
手把手教你从零开始react+antd搭建项目
2021/06/03 Javascript
python中%格式表达式实例用法
2021/06/18 Python
Pandas数据类型之category的用法
2021/06/28 Python