使用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 无符号右移赋值操作
Apr 17 Javascript
浅谈Javascript 执行顺序
Dec 18 Javascript
jquery实现点击label的同时触发文本框点击事件的方法
Jun 05 Javascript
jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法
Aug 10 Javascript
jQuery表格插件datatables用法汇总
Mar 29 Javascript
原生js实现手风琴功能(支持横纵向调用)
Jan 13 Javascript
详解如何使用Vue2做服务端渲染
Mar 29 Javascript
node+express框架中连接使用mysql(经验总结)
Nov 10 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
Dec 26 Javascript
JavaScript使用表单元素验证表单的示例代码
Aug 20 Javascript
python虚拟环境 virtualenv的简单使用
Jan 21 Javascript
Vue Element-ui表单校验规则实现
Jul 09 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访问Google Search API的方法
2015/03/05 PHP
PHP 计算两个特别大的整数实例代码
2018/05/07 PHP
PHP下载文件函数与用法示例
2019/09/27 PHP
用javascript编写的第一人称射击游戏
2007/02/25 Javascript
javascript multibox 全选
2009/03/22 Javascript
javaScript 数值型和字符串型之间的转换
2009/07/25 Javascript
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
一个简单的js渐显(fadeIn)渐隐(fadeOut)类
2010/06/19 Javascript
jQuery提交表单ajax查询实例代码
2012/10/07 Javascript
ie中js创建checkbox默认选中问题探讨
2013/10/21 Javascript
JavaScript字符串对象toLowerCase方法入门实例(用于把字母转换为小写)
2014/10/17 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
vue-router 导航钩子的具体使用方法
2017/08/31 Javascript
node.js操作MongoDB的实例详解
2017/10/11 Javascript
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
vue加载完成后的回调函数方法
2018/09/07 Javascript
vue更改数组中的值实例代码详解
2020/02/07 Javascript
Electron实现应用打包、自动升级过程解析
2020/07/07 Javascript
Python实现批量下载文件
2015/05/17 Python
Python常用小技巧总结
2015/06/01 Python
Python的包管理器pip更换软件源的方法详解
2016/06/20 Python
Windows下安装python2和python3多版本教程
2017/03/30 Python
Python单例模式的两种实现方法
2017/08/14 Python
Ubuntu18.04下python版本完美切换的解决方法
2019/06/14 Python
python实现对列表中的元素进行倒序打印
2019/11/23 Python
python实现word文档批量转成自定义格式的excel文档的思路及实例代码
2020/02/21 Python
CK巴西官方网站:Calvin Klein巴西
2019/07/19 全球购物
Sport-Thieme荷兰:购买体育用品
2019/08/25 全球购物
物业管理计划书
2014/01/10 职场文书
工商管理本科生求职信
2014/07/13 职场文书
小学安全工作汇报材料
2014/08/19 职场文书
法制工作总结2015
2015/07/23 职场文书
公务员的复习计划书,请收下!
2019/07/15 职场文书
Nginx 502 bad gateway错误解决的九种方案及原因
2022/08/14 Servers