板式床厂家
免费服务热线

Free service

hotline

010-00000000
板式床厂家
热门搜索:
成功案例
当前位置:首页 > 成功案例

看一看:jQuery动态加载JS以减少服务器压力

发布时间:2022-04-02 10:15:53 阅读: 来源:板式床厂家
jQuery动态加载JS以减少服务器压力 作者:58分享 2012-10-30 10:00:31 开发 前端 上述代码当中我们创建一个new.js的脚本文件城管强拆违建需要哪些手续,在body部分当button函数触发的时候调用它,这样做的好处是减少服务器压力,是非常值得推荐的。

如果您要创建一个web2.0的应用程序,那么你的网页会包括大量的JavaScript文件,这些可能会拖慢您的网页。因此,动态加载JavaScript代码到您的网页是一个好主意,即只有当实用他们的时候加载它们。这种策略可以帮助你减少你的网页的加载时间。

幸运的是厂房被强拆怎么赔偿,jQuery提供了一个内置的实用函数,$getScript()为我们提供了这样的方法。来实现在网页动态的功能。来看看这个函数的语法:

  1. $.getScript(url,callback)

获取url参数所指定的脚本,使用一个GET请求到指定的服务器

Parameters

URL()获取脚本文件的URL。

callback(Function)可选函数 调用脚本文件加载后里面的函数

具体实现过程是

从资源加载文本

如果字符串成功

返回XHR实例,用来获取脚本。

如何使用呢看下面的方法

我们创建一个new.js 脚本文件

  1. vartestVar='NewJSloaded!';
  2. alert(testVar);
  3. functionnewFun(dynParam)
  4. {
  5. alert('Youjustpassed'+dynParam+'asparameter.');
  6. }

HTML代码

  1. <html>
  2. <head>
  3. <title>$.getScriptExample</title>
  4. <scripttype="text/javascript"src="../jquery.js"></script>
  5. <scripttype="text/javascript">
  6. $(function()
  7. {
  8. $('#loadButton').click(function(){
  9. $.getScript('new.js',function(){
  10. newFun('"Checkingnewscript"');//这个函数是在new.js里面的,当点击click后运行这个函数
  11. });
  12. });
  13. });
  14. </script>
  15. </head>
  16. <body>
  17. <buttontype="button"id="loadButton">Load</button>
  18. </body>
  19. </html>

上述代码当中我们创建一个new.js的脚本文件,在body部分当button函数触发的时候调用它,这样做的好处是减少服务器压力,是非常值得推荐的。

原文链接:http://www.cnblogs.com/58top/archive/2012/10/29/loading-javascript-dynamically-using.html