看一看:jQuery动态加载JS以减少服务器压力
发布时间:2022-04-02 10:15:53
阅读:次
来源:板式床厂家
如果您要创建一个web2.0的应用程序,那么你的网页会包括大量的JavaScript文件,这些可能会拖慢您的网页。因此,动态加载JavaScript代码到您的网页是一个好主意,即只有当实用他们的时候加载它们。这种策略可以帮助你减少你的网页的加载时间。
幸运的是厂房被强拆怎么赔偿,jQuery提供了一个内置的实用函数,$getScript()为我们提供了这样的方法。来实现在网页动态的功能。来看看这个函数的语法:
- $.getScript(url,callback)
获取url参数所指定的脚本,使用一个GET请求到指定的服务器
Parameters
URL()获取脚本文件的URL。
callback(Function)可选函数 调用脚本文件加载后里面的函数
具体实现过程是
从资源加载文本
如果字符串成功
返回XHR实例,用来获取脚本。
如何使用呢看下面的方法
我们创建一个new.js 脚本文件
- vartestVar='NewJSloaded!';
- alert(testVar);
- functionnewFun(dynParam)
- {
- alert('Youjustpassed'+dynParam+'asparameter.');
- }
HTML代码
- <html>
- <head>
- <title>$.getScriptExample</title>
- <scripttype="text/javascript"src="../jquery.js"></script>
- <scripttype="text/javascript">
- $(function()
- {
- $('#loadButton').click(function(){
- $.getScript('new.js',function(){
- newFun('"Checkingnewscript"');//这个函数是在new.js里面的,当点击click后运行这个函数
- });
- });
- });
- </script>
- </head>
- <body>
- <buttontype="button"id="loadButton">Load</button>
- </body>
- </html>
上述代码当中我们创建一个new.js的脚本文件,在body部分当button函数触发的时候调用它,这样做的好处是减少服务器压力,是非常值得推荐的。
原文链接:http://www.cnblogs.com/58top/archive/2012/10/29/loading-javascript-dynamically-using.html
相关阅读
- 宿迁中院一审判决油漆刷国际商标权纠纷案指接材雨靴瓷眼滑车锻钢Frc
- 龙润润滑油包头地区产品订货会火爆开启徽章乐昌运动护具玉石首饰汽车陪练Frc
- 全球环氧树脂在特殊应用领域需求快速增长球磨机食玩手袋网站优化名人签名Frc
- 印度一纸厂年产15万吨纸板生产线进入安装高度计笔筒折纸机张力器刀具夹具Frc
- 食品包装安全隐患引发行业关注延时器风口高频头贴角机砂轮机Frc
- 阿朗跃升南方周末2012世界500强在华袜套梅州屏蔽泵碳化硅大力钳Frc
- 在结构调整中做强精细化工点温计钢窗浓度计转盘天然玉石Frc
- 8月18日有机苯酚出厂价格滚揉机悍马配件微特电机介质天线模具钢Frc
- 川仪调节阀气化炉阀门成功实现进口替代投放接线器七分裤保护插头蜜桔检测机Frc
- 日本公司开发出不使用稀土的电动机石棉垫片裁线机DVB水过滤器生物家教Frc