2023/07/07 時点の英語版に同期

mdn · Oct 2, 2023 · 6760a7b · 6760a7b
1 parent 38340ea
commit 6760a7b
Showing 1 changed file with 14 additions and 9 deletions.
diff --git a/files/ja/web/api/document/readystate/index.md b/files/ja/web/api/document/readystate/index.md
@@ -1,6 +1,9 @@
 ---
-title: Document.readyState
+title: "Document: readyState プロパティ"
+short-title: readyState
 slug: Web/API/Document/readyState
+l10n:
+  sourceCommit: acfe8c9f1f4145f77653a2bc64a9744b001358dc
 ---
 
 {{APIRef("DOM")}}
@@ -16,7 +19,7 @@ slug: Web/API/Document/readyState
 - `loading`
   - : この文書 ({{domxref("document")}}) はまだ読み込み中です。
 - `interactive`
-  - : 文書の読み込みが完了し、文書の解釈はできたが、スクリプト、画像、スタイルシート、フレームなどのサブリソースはまだ読み込み中である。
+  - : 文書の読み込みが完了し、文書の解釈はできたが、スクリプト、画像、スタイルシート、フレームなどのサブリソースはまだ読み込み中である。この状態は、 {{domxref("Document/DOMContentLoaded_event", "DOMContentLoaded")}} イベントが発行されようとしていることを示します。
 - `complete`
   - : 文書とすべてのサブリソースの読み込みが完了しました。この状態は {{domxref("Window/load_event", "load")}} イベントが発行されようとしていることを示しています。
 
@@ -29,13 +32,14 @@ switch (document.readyState) {
   case "loading":
     // この文書はまだ読み込み中。
     break;
-  case "interactive":
+  case "interactive": {
     // この文書は読み込みが終了した。 DOM 要素にアクセスできるようになった。
     // しかし、画像、スタイルシート、フレームなどの副リソースはまだ読み込み中。
     const span = document.createElement("span");
     span.textContent = "A <span> element.";
     document.body.appendChild(span);
     break;
+  }
   case "complete":
     // ページが完全に読み込み完了。
     console.log(
@@ -49,7 +53,7 @@ switch (document.readyState) {
 
 ```js
 // DOMContentLoaded イベントの代替
-document.onreadystatechange = function () {
+document.onreadystatechange = () => {
   if (document.readyState === "interactive") {
     initApplication();
   }
@@ -59,8 +63,8 @@ document.onreadystatechange = function () {
 ### readystatechange を load イベントの代替とする
 
 ```js
-// load イベントの代替
-document.onreadystatechange = function () {
+// Alternative to load event
+document.onreadystatechange = () => {
   if (document.readyState === "complete") {
     initApplication();
   }
@@ -89,6 +93,7 @@ document.addEventListener("readystatechange", (event) => {
 
 ## 関連情報
 
-- {{domxref("Document/readystatechange_event", "readystatechange")}} イベント
-- {{domxref("Document/DOMContentLoaded_event", "DOMContentLoaded")}} イベント
-- {{domxref("Window/load_event", "load")}} イベント
+- 関連イベント:
+  - {{domxref("Document/readystatechange_event", "readystatechange")}} イベント
+  - {{domxref("Document/DOMContentLoaded_event", "DOMContentLoaded")}} イベント
+  - {{domxref("Window/load_event", "load")}} イベント