使用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 相关文章推荐
用htc组件制作windows选项卡
Jan 13 Javascript
符合W3C网页标准的iframe标签的使用方法
Jul 19 Javascript
使用firebug进行调试javascript的示例
Dec 16 Javascript
jQuery修改li下的样式以及li下的img的src的值的方法
Nov 02 Javascript
jqueryUI里拖拽排序示例分析
Feb 26 Javascript
AngularJS进行性能调优的7个建议
Dec 28 Javascript
ECMAScript6变量的解构赋值实例详解
Sep 19 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
Feb 15 Javascript
Vue-input框checkbox强制刷新问题
Apr 18 Javascript
Bootstrap table 服务器端分页功能实现方法示例
Jun 01 Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 Javascript
Html5生成验证码的示例代码
May 10 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
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
php+ajax简单实现全选删除的方法
2016/12/06 PHP
PHP微信PC二维码登陆的实现思路
2017/07/13 PHP
33种Javascript 表格排序控件收集
2009/12/03 Javascript
完美解决AJAX跨域问题
2013/11/01 Javascript
父页面显示遮罩层弹出半透明状态的dialog
2014/03/04 Javascript
jquery阻止后续事件只执行第一个事件
2014/07/24 Javascript
jQuery判断checkbox是否选中的3种方法
2014/08/12 Javascript
jQuery+PHP+MySQL二级联动下拉菜单实例讲解
2015/10/27 Javascript
[原创]jQuery常用的4种加载方式分析
2016/07/25 Javascript
bootstrapValidator.min.js表单验证插件
2017/02/09 Javascript
vue2.0中goods选购栏滚动算法的实现代码
2017/05/17 Javascript
javascript观察者模式实现自动刷新效果
2017/09/05 Javascript
jQuery动态添加li标签并添加属性和绑定事件方法
2018/02/24 jQuery
通过vue-cli3构建一个SSR应用程序的方法
2018/09/13 Javascript
vue中v-for循环给标签属性赋值的方法
2018/10/18 Javascript
js操作两个json数组合并、去重,以及删除某一项元素
2020/09/22 Javascript
js异步接口并发数量控制的方法示例
2020/11/22 Javascript
[08:42]DOTA2每周TOP10 精彩击杀集锦vol.2
2014/06/25 DOTA
Python使用Supervisor来管理进程的方法
2015/05/28 Python
实例讲解Python3中abs()函数
2019/02/19 Python
python解压TAR文件至指定文件夹的实例
2019/06/10 Python
Python 调用 Windows API COM 新法
2019/08/22 Python
springboot配置文件抽离 git管理统 配置中心详解
2019/09/02 Python
利用python实现凯撒密码加解密功能
2020/03/31 Python
jupyter notebook中新建cell的方法与快捷键操作
2020/04/22 Python
Lookfantastic日本官网:英国知名护肤、化妆品和头发护理购物网站
2018/04/21 全球购物
大二学生职业生涯规划书
2014/02/05 职场文书
中药学自荐信
2014/06/15 职场文书
中职生自荐信范文
2014/06/15 职场文书
2015年村党支部工作总结
2015/04/30 职场文书
防卫过当辩护词
2015/05/21 职场文书
铁人观后感
2015/06/16 职场文书
导游词之重庆渣滓洞
2020/01/08 职场文书
vue使用节流函数的踩坑实例指南
2021/05/20 Vue.js
PostgreSQL数据库去除重复数据和运算符的基本查询操作
2022/04/12 PostgreSQL