使用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类和继承 this属性使用说明
Sep 03 Javascript
jQuery实现渐变下拉菜单的简单方法
Mar 11 Javascript
jQuery $.each遍历对象、数组用法实例
Apr 16 Javascript
谈谈我对JavaScript原型和闭包系列理解(随手笔记9)
Dec 24 Javascript
js+html5实现canvas绘制椭圆形图案的方法
May 21 Javascript
Javascript之深入浅出prototype
Feb 06 Javascript
深入理解Angular中的依赖注入
Jun 26 Javascript
jQuery Pagination分页插件_动力节点Java学院整理
Jul 17 jQuery
详解ES6中的三种异步解决方案
Jun 28 Javascript
angularjs手动识别字符串中的换行符方法
Oct 02 Javascript
javascript设计模式 ? 职责链模式原理与用法实例分析
Apr 16 Javascript
js实现点击烟花特效
Oct 14 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 magic quotes的详解
2013/06/17 PHP
如何解决CI框架的Disallowed Key Characters错误提示
2013/07/05 PHP
php对称加密算法示例
2014/05/07 PHP
php下Memcached入门实例解析
2015/01/05 PHP
smarty模板引擎中变量及变量修饰器用法实例
2015/01/22 PHP
php基础设计模式大全(注册树模式、工厂模式、单列模式)
2015/08/31 PHP
PHP屏蔽关键字实现方法
2016/11/17 PHP
php 将json格式数据转换成数组的方法
2018/08/21 PHP
Laravel 之url参数,获取路由参数的例子
2019/10/21 PHP
使用SyntaxHighlighter实现HTML高亮显示代码的方法
2010/02/04 Javascript
jQuery入门第一课 jQuery选择符
2010/03/14 Javascript
JqueryMobile动态生成listView并实现刷新的两种方法
2014/03/05 Javascript
一个奇葩的最短的 IE 版本判断JS脚本
2014/05/28 Javascript
常用的jquery模板插件——jQuery Boilerplate介绍
2014/09/23 Javascript
Javascript中的五种数据类型详解
2014/12/26 Javascript
javascript实现ecshop搜索框键盘上下键切换控制
2015/03/18 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(二)
2015/12/10 Javascript
JavaScript表单验证实现代码
2017/05/22 Javascript
Vue Extends 扩展选项用法完整实例
2019/09/17 Javascript
nest.js 使用express需要提供多个静态目录的操作方法
2019/10/24 Javascript
javascript canvas封装动态时钟
2020/09/30 Javascript
python利用datetime模块计算时间差
2015/08/04 Python
python从入门到精通(DAY 3)
2015/12/20 Python
Python实现简单的文件传输与MySQL备份的脚本分享
2016/01/03 Python
Django objects的查询结果转化为json的三种方式的方法
2018/11/07 Python
程序员写Python时的5个坏习惯,你有几条?
2018/11/26 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
Python列表推导式实现代码实例
2020/09/09 Python
python实现学生信息管理系统(精简版)
2020/11/27 Python
纬创Java面试题笔试题
2014/10/02 面试题
会计自荐书
2013/12/02 职场文书
森林防火工作方案
2014/02/14 职场文书
护理专科毕业生自荐书范文
2014/02/19 职场文书
女性健康知识讲座通知
2015/04/23 职场文书
解析在浏览器地址栏输入一个URL后发生了什么
2021/06/21 Servers
win10电脑关机快捷键是哪个 win10快速关机的几种方法
2022/08/14 数码科技