加入收藏 | 设为首页 | 会员中心 | 我要投稿 河北网 (https://www.hebeiwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

行使jquery动态加载javascript镌汰处事器压力

发布时间:2018-10-04 07:45:48 所属栏目:运营 来源:站长网
导读:假如您要建设一个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函数触发的时辰挪用它,这样做的甜头是镌汰处事器压力,长短常值得保举的

(编辑:河北网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读