使用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 时间比较实现代码
Oct 28 Javascript
jQuery内置的AJAX功能和JSON的使用实例
Jul 27 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
深入理解JS函数的参数(arguments)的使用
May 28 Javascript
AngularJS过滤器filter用法实例分析
Nov 04 Javascript
jQuery学习之DOM节点的插入方法总结
Jan 22 Javascript
详解vue2.0 资源文件assets和static的区别
Nov 27 Javascript
浅谈KOA2 Restful方式路由初探
Mar 14 Javascript
小程序扫描普通链接二维码跳转小程序指定界面方法
May 07 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
Nov 07 Javascript
JavaScript实现消消乐的源代码
Jan 12 Javascript
vue实力踩坑之push当前页无效
Apr 10 Vue.js
不使用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数组操作――获取数组最后一个值的方法
2015/04/14 PHP
php使用GD库创建图片缩略图的方法
2015/06/10 PHP
php中实现进程锁与多进程的方法
2016/09/18 PHP
php框架知识点的整理和补充
2021/03/01 PHP
javascript获得CheckBoxList选中的数量
2009/10/27 Javascript
精通Javascript系列之数据类型 字符串
2011/06/08 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
2015/02/26 Javascript
javascript实现将文件保存到本地方法汇总
2015/07/26 Javascript
javascript中substring()、substr()、slice()的区别
2015/08/30 Javascript
JS实现超精简的链接列表在固定区域内滚动效果代码
2015/11/04 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
2015/12/09 Javascript
JQuery datepicker 用法详解
2015/12/25 Javascript
Bootstrap每天必学之按钮(Button)插件
2016/04/25 Javascript
Bootstrap轮播插件简单使用方法介绍
2016/06/21 Javascript
js实现鼠标拖动功能
2017/03/20 Javascript
详解微信小程序中的页面代码中的模板的封装
2017/10/12 Javascript
nodejs之koa2请求示例(GET,POST)
2018/08/07 NodeJs
TypeScript开发Node.js程序的方法
2019/04/30 Javascript
selenium+python 去除启动的黑色cmd窗口方法
2018/05/22 Python
python统计函数库scipy.stats的用法解析
2020/02/25 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
美国用餐电影院:Alamo Drafthouse Cinema
2020/01/23 全球购物
小学家长会邀请函
2014/01/23 职场文书
秋季运动会稿件
2014/01/30 职场文书
新书发布会策划方案
2014/06/09 职场文书
卫校毕业生自我鉴定
2014/09/28 职场文书
违反工作规定检讨书范文
2014/12/14 职场文书
2014工程部年度工作总结
2014/12/17 职场文书
办公室主任岗位职责
2015/01/31 职场文书
德能勤绩廉个人总结
2015/02/14 职场文书
旗帜观后感
2015/06/08 职场文书
婚庆主持词大全
2015/06/30 职场文书
新员工入职感想
2015/08/07 职场文书
谢师宴学生答谢词
2015/09/30 职场文书
SpringBoot快速入门详解
2021/07/21 Java/Android
Python使用永中文档转换服务
2022/05/06 Python