僕はワクワクしたい(/・ω・)/

社内であたふたしているSEのメモ帳

JavaScriptをHTMLへ読み込む方法

いっつも調べるから( ..)φメモメモ

外部のJavaScriptを読み込む

sample.jsを別で作って、HTMLに紐づける。
こんな感じ。

<script type="text/javascript" src="sample.js"></script>

※1:head要素内でもbody内でも良いが、
   body要素内かつbody終了タグ直前に書くのが一般的*1

※2:src=“sample.js"の"sample.js"ところは相対パスまたは絶対パス

HTML内に記述する(インラインスクリプト)

HTML内に書いちゃう方法その1

<script type="text/javascript">
    alert("Hello World!");
</script>

※1:head要素内でもbody内でも良いが、
   body要素内かつbody終了タグ直前に書くのが一般的。
   理由は同じ。

HTML内に記述する(イベントハンドラ)

HTML内に書いちゃう方法その2

<input type="button" value="押すな!" onclick="alert('押したな?')">

せっかくだからボタン置いとくね。

*1:対象のJavaScriptを処理→HTML表示ではなく、
  HTML表示→対象のJavaScriptの処理の順にしたいから。
  表示完了までの時間が長くなってしまうことを防ぐため