首页 / JAVASCRIPT / 如何确保JavaScript的执行顺序之实战篇_javascript技巧

如何确保JavaScript的执行顺序之实战篇_javascript技巧

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何确保JavaScript的执行顺序之实战篇_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4901字，纯文字阅读大概需要8分钟。

内容图文

1. 引言
我曾在文章《如何在多个页面使用同一个HTML片段 - 续》的最后提到JavaScript顺序执行的特性。虽然现代浏览器可以并行的下载JavaScript（部分浏览器），但考虑到JavaScript的依赖关系，他们的执行依然是按照引入顺序进行的。
为了更好的测试这个过程，我写了一个简单的HTTP处理程序页面 service.ashx，它可以接受两个参数：
1. file，需要返回文件的服务器端路径。
2. delay，延迟一定时间后再返回本次HTTP请求（毫秒）。
一个典型的页面比如：./service.ashx?file=js/jquery-ui.js&delay=2000，表示延迟2秒钟后再返回服务器端的js/jquery-ui.js文件。
service.ashx 的关键代码如下：
代码如下:

public void ProcessRequest(HttpContext context)
{
int delay = 0;
if (!String.IsNullOrEmpty(context.Request["delay"]))
{
delay = Convert.ToInt32(context.Request["delay"]);
}
if (delay > 0)
{
System.Threading.Thread.Sleep(1000);
}
string filePath = context.Request["file"].ToString();
string fileContent = String.Empty;
using (StreamReader sr = new StreamReader(context.Server.MapPath(filePath)))
{
fileContent = sr.ReadToEnd();
}
if (filePath.EndsWith(".js"))
{
context.Response.ContentType = "application/x-javascript";
}
else
{
context.Response.ContentType = "text/plain";
}
context.Response.Write(fileContent);
}

2. 通过script标签直接引入JavaScript（test1.htm）
首先我们分析下在标签中顺序引入JavaScript的情况。test1.htm的页面源代码如下：
代码如下:




<script src="./js/jquery-1.4.4.js"
type="text/javascript"></ script>
<script src="./service.ashx?file=js/jquery-ui.js&delay=2000"
type="text/javascript"></ script>

内容总结

以上是互联网集市为您收集整理的如何确保JavaScript的执行顺序之实战篇_javascript技巧全部内容，希望文章能够帮你解决如何确保JavaScript的执行顺序之实战篇_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/313535.html

来源：【匿名】