遅延ロードjsスクリプト


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>   </title>
    <script type="text/javascript" src="ch01.js" defer="defer">
    </script>
    <script type="text/javascript">
        var a  = 123;
    </script>
</head>
<body>
<div id="d1">defer</div>
</body>
</html>
  • defer="defer"は、ブラウザにスクリプトをダウンロードするように伝えますが、ページのロードが完了するまで
  • を実行します.
  • は、参照外部スクリプト
  • でのみ使用できます.
  • htmlは、必ずしも順番に実行されるとは限らない(html 5の仕様に合致していない)
  • ため、1つのdefer=「defer」のみが望ましい.