このコードを見てください:
<body> <スクリプトsrc = "deffer.js"> </script> content </body>
deffer.jsの内容は次のとおりです。
アラート(1)
このようにして、アラートウィンドウが閉じられるまでページは空白になります。アラートウィンドウがページがレンダリングを継続するのを防ぐため。
このような問題を回避するために、HTML仕様はDeffer属性と非同期属性を定義します。これら2つの属性の特定の定義については、ここでは説明しません。とにかく、それらは、スクリプトが実行されたときにページがレンダリングされるように、ページのレンダリングが完了した後にスクリプトのコンテンツを実行する必要があることをブラウザに伝えるために使用されます。
<body> <スクリプトdeffer async src = "deffer.js"> </scrip> content </body>
DefferまたはAsyncが追加された複数のスクリプトの場合、実行命令はページに表示される注文とは何の関係もないことに注意してください。 HTMLの仕様では、Defferスクリプトを順番に実行する必要があることを定義していますが、ブラウザは実際にはこの規則に完全に準拠していません。