From a4a0b878697351958361492e2228ef968dce055c Mon Sep 17 00:00:00 2001 From: Masahiro FUJIMOTO Date: Sun, 16 Jan 2022 17:56:13 +0900 Subject: 2021/12/27 時点の英語版に同期 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fix #3195 --- files/ja/web/html/element/script/index.md | 321 ++++++++++++++---------------- 1 file changed, 147 insertions(+), 174 deletions(-) diff --git a/files/ja/web/html/element/script/index.md b/files/ja/web/html/element/script/index.md index f0c2524491..f22efbd16d 100644 --- a/files/ja/web/html/element/script/index.md +++ b/files/ja/web/html/element/script/index.md @@ -2,230 +2,203 @@ title: ' +``` + +また、以下の例は ` +``` -

モジュールフォールバック

+### モジュールの代替 -

{{htmlattrxref("type", "script")}} 属性で module の値に対応しているブラウザーは、 nomodule 属性の付いたスクリプトを無視します。これによって、モジュールスクリプトを提供しつつ、非対応のブラウザーの場合は nomodule でマークされたフォールバックスクリプトを提供することもできます。

+ `module` の値を持つ {{htmlattrxref("type", "script")}} 属性に対応しているブラウザーは、 `nomodule` 属性の付いたスクリプトを無視します。これによって、モジュールスクリプトを提供しつつ、非対応のブラウザーの場合は `nomodule` でマークされた代替スクリプトを提供することもできます。 -
<script type="module" src="main.js"></script>
-<script nomodule src="fallback.js"></script>
+```html + + +``` -

HTML へのデータの埋め込み

+### HTML へのデータの埋め込み -

また、 <script> 要素を使用して、 type 属性に JavaScript 以外の有効な MIME タイプを指定することで、サーバー側で表現したデータを HTML に埋め込むこともできます。

+また、 ` -<!-- Static --> -<script> + + +``` + +## 仕様書 + +{{Specifications}} -

ブラウザーの互換性

+## ブラウザーの互換性 -
{{Compat("html.elements.script", 2)}}
+{{Compat}} -

互換性のメモ

+### 互換性のメモ -

async 属性に対応していない古いブラウザーでは、パーサーによって挿入されたスクリプトはパーサーをブロックします。スクリプトによって挿入されたスクリプトは、 IE および WebKit では非同期的に実行されますが、 Opera およびバージョン4より前の Firefox では同期的に実行されます。 Firefox 4 では、スクリプトが生成したスクリプトの async DOM プロパティの既定値が true であるため、既定の動作が IE や WebKit の動作に一致します。

+`async` 属性に対応していない古いブラウザーでは、パーサーが挿入したスクリプトがパーサーをブロックします。スクリプトによって挿入されたスクリプトは、 IE および WebKit では非同期的に実行されますが、 Opera およびバージョン 4 より前の Firefox では同期的に実行されます。 Firefox 4 では、スクリプトが生成したスクリプトの `async` DOM プロパティの既定値が `true` であるため、既定の動作が IE や WebKit の動作に一致します。 -

document.createElement("script").async が true と評価されるブラウザー (Firefox 4 など) で、スクリプトによって挿入された外部スクリプトを挿入順に実行することを要求するには、順序を制御したいスクリプトに対して async="false" を設定します。

+`document.createElement("script").async` が `true` と評価されるブラウザー (Firefox 4 など) で、スクリプトによって挿入された外部スクリプトを挿入順に実行することを要求するには、順序を制御したいスクリプトに対して `async="false"` を設定してください。 -
-

非同期スクリプトから document.write() を呼び出さないでください。 Firefox 3.6 では document.write() を呼び出すと予期せぬ影響をもたらします。Firefox 4 では async スクリプトから document.write() を呼び出しても効果がありません (エラーコンソールに警告を出力することを除く)。

-
+> **Warning:** 非同期スクリプトから `document.write()` を呼び出さないでください。 Firefox 3.6 では `document.write()` を呼び出すと予期せぬ影響をもたらします。Firefox 4 では `async` スクリプトから `document.write()` を呼び出しても効果がありません（エラーコンソールに警告を出力するだけです）。 -

関連情報

+## 関連情報 - +- {{domxref("document.currentScript")}} +- [Ryan Grove's `