[解決済み] HTML script タグで async 属性と defer 属性の両方を使用することはできますか?
2023-03-21 03:54:56
質問
次のようなJavaScriptコードを
defer
と
async
:
<script defer async src="/js/somescript.js"></script>
から
defer
は Internet Explorer 5.5+ でサポートされています。
CanIUse.com
のように、asyncが使えない場合はdeferを使うように潔くフォールバックしたいものです。非同期は使えるときに使ったほうがいいと思うのですが、Internet Explorer 10まではサポートされていないようです。
私の質問は、したがって、上記のコードは有効なHTMLでしょうか?そうでない場合、JavaScriptを使用してこの状況を作り出すことは可能でしょうか。
defer
を使うという状況を作ることはできますか?
async
は使えないのですか?
どのように解決するのですか?
仕様書から https://www.w3.org/TR/2011/WD-html5-20110525/scripting-1.html#attr-script-async
<ブロッククオートdefer 属性は async 属性が指定されている場合でも指定することができ、defer のみサポートするレガシーウェブブラウザ(async はサポートしない)が、デフォルトである同期ブロック動作の代わりに defer 動作にフォールバックするようにするためです。
(通常のスクリプトと defer および async を使用したスクリプトの違いを視覚的に表現するために、以下の参照リンクを確認してください)
参考文献
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] varキーワードの目的と、どのような場合に使用する(または省略する)べきですか?
-
[解決済み] Node.jsのmodule.exportsの目的と使い方を教えてください。
-
[解決済み] async」と「await」の使い方とタイミング
-
[解決済み] CSSは常にJavascriptより優先されるべきか?
-
[解決済み] jQueryでドロップダウンリストの選択値を変更する
-
[解決済み] スクリプトタグ - 非同期と遅延
-
[解決済み] ジェスト あるクラスの特定のメソッドをモックする方法
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] スクリプトタグ - 非同期と遅延
-
[解決済み] React js 親コンポーネントから子コンポーネントの状態を変更する
-
[解決済み] オブジェクトの配列からReactコンポーネントをレンダリングする
-
[解決済み] jQueryの$という記号の意味は何ですか?
-
[解決済み] JavaScript のオブジェクトの配列を比較し、最小値/最大値を取得する
-
[解決済み] Promise : then vs then + catch [重複].
-
[解決済み] JavaScriptで長い配列を小さい配列に分割する方法
-
[解決済み] Prototypeを使ってtextareaを自動サイズ調整するには?
-
[解決済み] Node.jsのES6クラスをrequireで作る
-
[解決済み] Fetch: ステータスがOKでない場合、プロミスを拒否し、エラーをキャッチするか?