设为首页 - 加入收藏 ASP站长网（Aspzz.Cn）- 科技、建站、经验、云计算、5G、大数据,站长网！
热搜： 手机 数据 公司
当前位置： 首页 > 运营中心 > 产品 > 正文

使用jquery动态加载javascript减少服务器压力

发布时间：2018-10-03 16:23 所属栏目：30 来源：站长网
导读：如果您要创建一个web2.0的应用程序，那么你的网页会包括大量的 Java Script文件，这些可能会拖慢您的网页。因此，动态加载JavaScript代码到您的网页是一个好主意，即只有当实用他们的时候加载它们。这种策略可以帮助你减少你的网页的加载时间。 幸运的是，

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

幸运的是，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函数触发的时候调用它，这样做的好处是减少服务器压力，是非常值得推荐的

（编辑：ASP站长网）
    相关内容
    网友评论
    推荐文章
      热点阅读

        【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱nqiang002@foxmail.com我们将及时予以处理。

        建议您使用1366×768 分辨率、Microsoft Internet Explorer 11浏览器以获得本站的出色浏览效果

        Copygight © 2008-2023 http://www.aspzz.cn All Rights Reserved. ASP站长网

        站长：nqiang002#foxmail.com（请把#换成@）