使用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 密码强度验证(兼容IE,火狐,谷歌)
Mar 15 Javascript
JAVASCRIPT实现的WEB页面跳转以及页面间传值方法
May 13 Javascript
JavaScript入门之基本函数详解
Oct 21 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
Feb 03 Javascript
解决JS中乘法的浮点错误的方法
Jan 03 Javascript
node.js中的fs.existsSync方法使用说明
Dec 17 Javascript
悬浮广告方法日常收集整理
Mar 18 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
Angular.Js中ng-include指令的使用与实现
May 07 Javascript
解决mpvue + vuex 开发微信小程序vuex辅助函数mapState、mapGetters不可用问题
Aug 03 Javascript
微信小程序保存多张图片的实现方法
Mar 05 Javascript
Vue formData实现图片上传
Aug 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
Syphon 秘笈
2021/03/03 冲泡冲煮
PHP字符过滤函数去除字符串最后一个逗号(rtrim)
2013/03/26 PHP
基于PHP实现短信验证码接口(容联运通讯)
2016/09/06 PHP
ThinkPHP中create()方法自动验证表单信息
2017/04/28 PHP
PHP实现Snowflake生成分布式唯一ID的方法示例
2020/08/30 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
[原创]保存的js无法执行的解决办法
2007/02/25 Javascript
一段效率很高的for循环语句使用方法
2007/08/13 Javascript
in.js 一个轻量级的JavaScript颗粒化模块加载和依赖关系管理解决方案
2011/07/26 Javascript
动态创建script标签实现跨域资源访问的方法介绍
2014/02/28 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
jQuery改变form表单的action,并进行提交的实现代码
2016/05/25 Javascript
详解angular2实现ng2-router 路由和嵌套路由
2017/03/24 Javascript
get  post jsonp三种数据交互形式实例详解
2017/08/25 Javascript
angular4 如何在全局设置路由跳转动画的方法
2017/08/30 Javascript
Vue仿今日头条实例详解
2018/02/06 Javascript
jQuery中的$是什么意思及 $. 和 $().的区别
2018/04/20 jQuery
vue.js 中使用(...)运算符报错的解决方法
2018/08/09 Javascript
Angularjs实现数组随机排序的方法
2018/10/02 Javascript
微信小程序request请求封装,验签代码实例
2019/12/04 Javascript
JS数组push、unshift、pop、shift方法的实现与使用方法示例
2020/04/29 Javascript
JavaScript前端开发时数值运算的小技巧
2020/07/28 Javascript
python中子类继承父类的__init__方法实例
2016/12/15 Python
Python分支结构(switch)操作简介
2018/01/17 Python
使用PM2+nginx部署python项目的方法示例
2018/11/07 Python
对Pandas MultiIndex(多重索引)详解
2018/11/16 Python
Python3爬虫学习之MySQL数据库存储爬取的信息详解
2018/12/12 Python
python实现控制台输出颜色
2021/03/02 Python
aec加密 php_php aes加密解密类(兼容php5、php7)
2021/03/14 PHP
艺术用品:Arteza
2018/11/25 全球购物
旅游管理专业个人求职信范文
2013/12/24 职场文书
高中同学聚会邀请函
2014/01/11 职场文书
社区工作者先进事迹
2014/01/18 职场文书
关于运动会的广播稿50字
2014/10/17 职场文书
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python
如何用PHP实现分布算法之一致性哈希算法
2021/05/26 PHP