ここまで、jQueryなどJavaScriptに関する記事もいくつか書かせて頂いてきましたが、今一度JavaScriptのおさらいということで基礎からまとめていきたいと思います。今さら基礎なんて必要ない！って方は飛ばしちゃってください。
JavaScriptの読み込ませ方
1.内部に記述する場合
JavaScriptをhtml内に記述する際は、基本的に</body>タグの直前に記述するようにします。
|
1 2 3 4 |
<script type="text/javascript"> console.log("こんにちは！"); </script> </body> |
2.外部から読み込む場合
jsフォルダの「sample.js」を読み込む場合は、下記のように読み込みます。
[HTML]
|
1 2 |
<script type="text/javascript" src="js/sample.js"></script> </body> |
[JavaScript]
|
1 |
console.log("外部からこんにちは！"); |
コメントの書き方
1.複数行コメントの場合
/* ～ */ の間にコメントを記述します。
|
1 2 3 4 5 |
/* コメント1 コメント2 コメント3 */ |
2.一行コメントの場合
// から後ろ一行にコメントを記述します。
|
1 |
// 一行コメント |
実際にブラウザのコンソール画面にJavaScriptを書き出してみる
1.内部JavaScriptの場合
|
1 2 3 4 |
<script type="text/javascript"> console.log("こんにちは！"); </script> </body> |
▼コンソール画面
2.外部JavaScriptの場合
[HTML]
|
1 2 |
<script type="text/javascript" src="js/sample.js"></script> </body> |
[sample.js]
|
1 |
console.log("外部からこんにちは！"); |
▼コンソール画面
ここまで、まずは基本的なJavaScriptの記述方法と読み込み方をご紹介しました。次からは変数についておさらいしていきます。