JavaScript の実行順序を保証する方法 - Chapter_JavaScript の実践スキル

1. はじめに
JavaScript の逐次実行機能については「複数のページで同じ HTML フラグメントを使用する方法 - 続き」の最後で説明しました。最近のブラウザでは JavaScript を並行してダウンロードできますが (一部のブラウザ)、JavaScript の依存関係を考慮して、実行は依然として導入された順序で実行されます。
このプロセスをより適切にテストするために、次の 2 つのパラメーターを受け入れることができる単純な HTTP ハンドラー ページ service.ashx を作成しました。
1. ファイルのサーバー側のパスを返す必要があります。
2. 遅延、この HTTP リクエストを返すまでの一定時間の遅延 (ミリ秒)。
次のような一般的なページ: ./service.ashx?file=js/jquery-ui.js&lay=2000 は、サーバー側の js/jquery-ui.js ファイルに戻るまでに 2 秒の遅延を意味します。
service.ashx のキー コードは次のとおりです:

コードをコピーします コードは次のとおりです:

public void ProcessRequest(HttpContext context)
{
int late = 0;
if (!String.IsNullOrEmpty(context.Request["delay"]))
{
遅延 = Convert.ToInt32 (context.Request["遅延"]);
}
if (遅延 > 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> <br>function addScript(url, inline) { <br>var head = document.getElementsByTagName("head")[0]; <br> var script = document.createElement ('script'); <br>script.type = 'text/javascript'; <br>if (インライン) { <br>script.text = url; <br> >script.src = url ; <br>} <br>head.appendChild(script); <br>$(function () { <br>addScript('./service.ashx?file=js/ jquery-ui.js&delay= 2000'); <br>addScript('alert(typeof(jQuery.ui));', <br>}); <br></script> /head>