Skip to main content
本文に 50 文字追加
ソース リンク
packet0
  • 2,439
  • 2
  • 16
  • 32

仕様上の話だけだと

<script src="1.js" defer></script>
<script src="2.js" defer></script>

の場合は2.jsが実行される段階で1.jsの処理は終わっていて

<script src="1.js" defer></script>
<script src="2.js"></script>

の場合1.jsが実行される段階で2.jsの処理は終わっていることが保証されます(deferの付いていない2.jsはhtmlのパースを中断して実行されるのでdeferされたものより先になります)。

ただ現実問題として、最低でもFirefoxには仕様通りに動かないバグ(タイトルだとFirebugアドオンを入れているととありますが、アドオンなしでも起きることが確認されています)が確認されていますし、deferをサポートしない古いブラウザとかもあると思うので、現段階でdeferの仕様に頼った実装をするのは危険だと思います。

 

余談ですが、asyncをつけ属性をつけた場合そのスクリプトがいつ実行されるかは全く予想がつきませんが、ロードが終わり次第最速のタイミングで実行されます。また(htmlのパースが終わっていない場合そちらを一時中断)。またdeferasyncともは同時使え、ともに外部スクリプトにのみ使えます専用です

仕様上の話だけだと

<script src="1.js" defer></script>
<script src="2.js" defer></script>

の場合は2.jsが実行される段階で1.jsの処理は終わっていて

<script src="1.js" defer></script>
<script src="2.js"></script>

の場合1.jsが実行される段階で2.jsの処理は終わっていることが保証されます(deferの付いていない2.jsはhtmlのパースを中断して実行されるのでdeferされたものより先になります)。

ただ現実問題として、最低でもFirefoxには仕様通りに動かないバグ(タイトルだとFirebugアドオンを入れているととありますが、アドオンなしでも起きることが確認されています)が確認されていますし、deferをサポートしない古いブラウザとかもあると思うので、現段階でdeferの仕様に頼った実装をするのは危険だと思います。

余談ですが、asyncをつけた場合そのスクリプトがいつ実行されるかは全く予想がつきませんが、ロードが終わり次第最速のタイミングで実行されます。またdeferasyncともに外部スクリプトにのみ使えます

仕様上の話だけだと

<script src="1.js" defer></script>
<script src="2.js" defer></script>

の場合は2.jsが実行される段階で1.jsの処理は終わっていて

<script src="1.js" defer></script>
<script src="2.js"></script>

の場合1.jsが実行される段階で2.jsの処理は終わっていることが保証されます(deferの付いていない2.jsはhtmlのパースを中断して実行されるのでdeferされたものより先になります)。

ただ現実問題として、最低でもFirefoxには仕様通りに動かないバグ(タイトルだとFirebugアドオンを入れているととありますが、アドオンなしでも起きることが確認されています)が確認されていますし、deferをサポートしない古いブラウザとかもあると思うので、現段階でdeferの仕様に頼った実装をするのは危険だと思います。

 

余談ですが、async属性をつけた場合そのスクリプトがいつ実行されるかは全く予想がつきませんが、ロードが終わり次第最速のタイミングで実行されます(htmlのパースが終わっていない場合そちらを一時中断)。またdeferasyncは同時使え、ともに外部スクリプト専用です

余談の順序変更
ソース リンク
packet0
  • 2,439
  • 2
  • 16
  • 32

仕様上の話だけだと

<script src="1.js" defer></script>
<script src="2.js" defer></script>

の場合は2.jsが実行される段階で1.jsの処理は終わっていて

<script src="1.js" defer></script>
<script src="2.js"></script>

の場合1.jsが実行される段階で2.jsの処理は終わっていることが保証されます(deferの付いていない2.jsはhtmlのパースを中断して実行されるのでdeferされたものより先になります)。

ただ現実問題として、最低でもFirefoxには仕様通りに動かないバグ(タイトルだとFirebugアドオンを入れているととありますが、アドオンなしでも起きることが確認されています)が確認されていますし、deferをサポートしない古いブラウザとかもあると思うので、現段階でdeferの仕様に頼った実装をするのは危険だと思います。

余談ですが、asyncをつけた場合そのスクリプトがいつ実行されるかは全く予想がつきませんが、ロードが終わり次第最速のタイミングで実行されます。またdeferasyncともに外部スクリプトにのみ使えます。

仕様上の話だけだと

<script src="1.js" defer></script>
<script src="2.js" defer></script>

の場合は2.jsが実行される段階で1.jsの処理は終わっていて

<script src="1.js" defer></script>
<script src="2.js"></script>

の場合1.jsが実行される段階で2.jsの処理は終わっていることが保証されます(deferの付いていない2.jsはhtmlのパースを中断して実行されるのでdeferされたものより先になります)。

ただ現実問題として、最低でもFirefoxには仕様通りに動かないバグ(タイトルだとFirebugアドオンを入れているととありますが、アドオンなしでも起きることが確認されています)が確認されていますし、deferをサポートしない古いブラウザとかもあると思うので、現段階でdeferの仕様に頼った実装をするのは危険だと思います。

仕様上の話だけだと

<script src="1.js" defer></script>
<script src="2.js" defer></script>

の場合は2.jsが実行される段階で1.jsの処理は終わっていて

<script src="1.js" defer></script>
<script src="2.js"></script>

の場合1.jsが実行される段階で2.jsの処理は終わっていることが保証されます(deferの付いていない2.jsはhtmlのパースを中断して実行されるのでdeferされたものより先になります)。

ただ現実問題として、最低でもFirefoxには仕様通りに動かないバグ(タイトルだとFirebugアドオンを入れているととありますが、アドオンなしでも起きることが確認されています)が確認されていますし、deferをサポートしない古いブラウザとかもあると思うので、現段階でdeferの仕様に頼った実装をするのは危険だと思います。

余談ですが、asyncをつけた場合そのスクリプトがいつ実行されるかは全く予想がつきませんが、ロードが終わり次第最速のタイミングで実行されます。またdeferasyncともに外部スクリプトにのみ使えます。

本文に 2 文字追加; 本文から 7 文字削除
ソース リンク
packet0
  • 2,439
  • 2
  • 16
  • 32

仕様上の話だけだと

<script src="1.js" defer></script>
<script src="2.js" defer></script>

の場合は2.jsが実行される段階で1.jsの処理は終わっていて

<script src="1.js" defer></script>
<script src="2.js"></script>

の場合1.jsが実行される段階で2.jsの処理は終わっていることが保証されます(deferの付いていない2.jsはhtmlのパースを中断して実行されるのでdeferされたものより先になります)。

ただ現実問題として、最低でもFirefoxには仕様通りに動かないバグ(タイトルだとFirebugアドオンを入れているととありますが、アドオンなしでも起きることが確認されています)が確認されていますし、deferをサポートしない古いブラウザ(スマホとか)とかもとかもあると思うので、現段階でdeferの仕様に頼った実装をするのは危険だと思います。

仕様上の話だけだと

<script src="1.js" defer></script>
<script src="2.js" defer></script>

の場合は2.jsが実行される段階で1.jsの処理は終わっていて

<script src="1.js" defer></script>
<script src="2.js"></script>

の場合1.jsが実行される段階で2.jsの処理は終わっていることが保証されます(deferの付いていない2.jsはhtmlのパースを中断して実行されるのでdeferされたものより先になります)。

ただ現実問題として、最低でもFirefoxには仕様通りに動かないバグ(タイトルだとFirebugアドオンを入れているととありますが、アドオンなしでも起きることが確認されています)が確認されていますし、deferをサポートしないブラウザ(スマホとか)とかもあると思うので、現段階でdeferの仕様に頼った実装をするのは危険だと思います。

仕様上の話だけだと

<script src="1.js" defer></script>
<script src="2.js" defer></script>

の場合は2.jsが実行される段階で1.jsの処理は終わっていて

<script src="1.js" defer></script>
<script src="2.js"></script>

の場合1.jsが実行される段階で2.jsの処理は終わっていることが保証されます(deferの付いていない2.jsはhtmlのパースを中断して実行されるのでdeferされたものより先になります)。

ただ現実問題として、最低でもFirefoxには仕様通りに動かないバグ(タイトルだとFirebugアドオンを入れているととありますが、アドオンなしでも起きることが確認されています)が確認されていますし、deferをサポートしない古いブラウザとかもあると思うので、現段階でdeferの仕様に頼った実装をするのは危険だと思います。

リンクについて追記; 本文に 2 文字追加
ソース リンク
packet0
  • 2,439
  • 2
  • 16
  • 32
読み込んでいます
ソース リンク
packet0
  • 2,439
  • 2
  • 16
  • 32
読み込んでいます