サイドバー
js:basic:outline
目次
文書の過去の版を表示しています。
JavaScript 記述方法の基本
— y2sunlight 2020-10-13
Hello World
どんな言語でも最初は Hello, World! から始めて下さい。
<script type="text/javascript"> window.alert('Hello, World!'); </script>
スクリプトの記述場所
html内にJavaScriptを記述する場合、以下の場所が推奨されます。
- body要素の一番最後
- head要素の中(関数定義)
JavaScriptの実行コードをbody要素の一番最後に置くことで、ページの描画が終わった直後にスクリプトを実行することができます。これによって見た目の描画速度が改善されます。但し、関数定義はhead要素の中に記述することが推奨されています。
<html>
<head>
<!-- 2.headの中(関数定義) -->
</head>
<body>
･･･
<!-- 1.bodyの一番最後 -->
</body>
</html>
スクリプトを別ファイルに保存
スクリプトのコードをhtml内に記述するのではなく、外部ファイルとして保存し、それを呼び出すことも可能です。
<script type="text/javascript" src="sample.js"></script>
別ファイルに保存することで、htmlで記述したページレイアウトとJavaScriptを分離することができるので、コードの再利用やhtmlの見易さの観点からこちらの方が優れた方法だと言えます。
JavaScript疑似プロトコル
一般的にJavaScriptは script 要素の中に記述しますが、a 要素の href 属性の中に記述することもできます。
<a href="JavaScript:window.alert('Hello, World!')">Hello, World!</a>
このような記法をJavaScript疑似プロトコルと呼びます。
文のルール
- 大文字／小文字区別する
- 文中に任意の空白文字と改行を加えることができる
;で終わる
コメント
// 単一行コメント /* ブロックコメント */ /** ドキュメンテーション */
リテラル
識別子
予約語
js/basic/outline.1621825664.txt.gz · 最終更新: 2021/05/24 12:07 by y2sunlight
特に明示されていない限り、本Wikiの内容は次のライセンスに従います： CC Attribution-Share Alike 4.0 International
