使用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 相关文章推荐
Jquery加载时从后台读取数据绑定到dropdownList实例
Jun 09 Javascript
jquery批量控制form禁用的代码
Aug 06 Javascript
javascript中打印当前的时间实现思路及代码
Dec 18 Javascript
JavaScript截取字符串的Slice、Substring、Substr函数详解和比较
Mar 20 Javascript
js实现放大镜特效
May 18 Javascript
vue-cli脚手架-bulid下的配置文件
Mar 27 Javascript
详解mpvue开发小程序小总结
Jul 25 Javascript
JS获取月的第几周和年的第几周实例代码
Dec 05 Javascript
egg.js的基本使用和调用数据库的方法示例
May 18 Javascript
Vue实现商品分类菜单数量提示功能
Jul 26 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
Sep 12 Javascript
基于JavaScript实现简单抽奖功能代码实例
Oct 20 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应用程序来获取Web服务器的状态信息
2006/10/09 PHP
php 上一篇,下一篇文章实现代码与原理说明
2010/05/09 PHP
深入解析php中的foreach问题
2013/06/30 PHP
JQery jstree 大数据量问题解决方法
2010/03/09 Javascript
js 如何实现对数据库的增删改查
2012/11/23 Javascript
jQuery实现跟随鼠标运动图层效果的方法
2015/02/02 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
javascript实现移动端上的触屏拖拽功能
2016/03/04 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
2017/05/24 Javascript
ES6 javascript的异步操作实例详解
2017/10/30 Javascript
Angular4 反向代理Details实践
2018/05/30 Javascript
解决vue-quill-editor上传内容由于图片是base64的导致字符太长的问题
2018/08/20 Javascript
vue-cli 使用axios的操作方法及整合axios的多种方法
2018/09/12 Javascript
vue3.0 CLI - 2.1 -  component 组件入门教程
2018/09/14 Javascript
微信小程序提取公用函数到util.js及使用方法示例
2019/01/10 Javascript
Vue表单之v-model绑定下拉列表功能
2019/05/14 Javascript
JavaScript实现鼠标移入随机变换颜色
2020/11/24 Javascript
python使用matplotlib绘图时图例显示问题的解决
2017/04/27 Python
python正则实现计算器功能
2017/12/14 Python
Python解决两个整数相除只得到整数部分的实例
2018/11/10 Python
python爬虫爬取微博评论案例详解
2019/03/27 Python
Python任务自动化工具tox使用教程
2020/03/17 Python
Python如何给函数库增加日志功能
2020/08/04 Python
python+excel接口自动化获取token并作为请求参数进行传参操作
2020/11/10 Python
使用PyCharm官方中文语言包汉化PyCharm
2020/11/18 Python
如何在 Matplotlib 中更改绘图背景的实现
2020/11/26 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
详解如何在css3打包后自动追加前缀插件:autoprefixer
2018/12/18 HTML / CSS
美国折扣香水网站:The Perfume Spot
2020/12/12 全球购物
计算机应届毕业生自荐信范文
2014/02/23 职场文书
品质主管岗位职责
2014/03/16 职场文书
商铺门前三包责任书
2014/07/25 职场文书
离婚协议书怎么写(范本参考)
2014/09/30 职场文书
解析目标检测之IoU
2021/06/26 Python
Python数据处理的三个实用技巧分享
2022/04/01 Python
Python各协议下socket黏包问题原理
2022/04/12 Python