JavaScript の実行順序を保証する方法 - Chapter_JavaScript の実践スキル-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 18:09:59

オリジナル

1022 人が閲覧しました

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 のページのソース コードは次のとおりです: 

コードをコピー

コードは次のとおりです:

Firefox 3.6
IE 8
Chrome 10
Safari 4
Opera 11