script 要素

script 要素はクライアントサイドスクリプトのコードを埋め込み、実行します。外部ファイルとして用意した JavaScript を src 属性で読み込んで実行できるほか、script 要素内に直接ソースコードを記述することもできます。

script 要素に指定可能な属性は下記の通りです。

async 属性と defer 属性

async 属性と defer 属性は同時に指定することも可能です。併記された場合、async 属性に対応する環境では async 属性が有効になり、async 属性に対応しない環境では defer 属性がフォールバックとなります。

<script>
 window.onload = function() {
  var canvas = document.getElementById('canvas');
  if ( ! canvas || ! canvas.getContext ) {
   return false;
  }
  var ct = canvas.getContext('2d');
  ct.strokeStyle = '#009900';
  ct.strokeRect(50, 50, 200, 200);
 }
</script>

<script src="/js/script.js" charset="utf-8"></script>

<script src="/js/jquery.js">/* jQuery の読み込み */</script>