この章ではJavaScriptの基本について説明します。
JavaScriptはHTMLに組み込んで使用しますが、HTMLに組み込む場所は以下の場所になります。
① HTMLのヘッダーに記入します。
② HTMLのbody内に記入します。
③外部ファイルにJavaScriptを書いて、
それをHTMLで読み込みます。
④ HTMLのタグの中に埋め込みます。
JavaScript はHTMLのヘッダーやHTMLのbody内に記入する場合は
つまり、上記の①と②の場合です。
そして、この
<script>~</script>の書き方1つ目を紹介します。
では例をみてみましょう。
今はほとんどのブラウザがjavascriptに対応しているので、コメントアウトは必ずしも必須ではありません。
この構文はjavascriptを書く時のお決まりの構文なので、覚えてください。
JavaScript に対応していないブラウザで実行した場合には以下のように
①
②カッコ()に出力したい文字列を書きますが、文字列を出力させたい時には文字列を
しかし、他の言語のようにセミコロンを入れなくても、エラーになることはありません。
また、出力する時にはシングルクォート、ダブルクォート自体は出力されません。
③プログラムは文字列やコメント以外は全て半角文字で記述します。
例えば<script>などと全角でタグを書いてはいけません。
コメントとはプログラムの意味などを忘れないためなどに書きますが、プログラム上には表示されません。
1行のコメントは「//」から右に書きますが、行末までがコメントになります。
複数行のコメントは
④javascriptで書かれていることを示すためにmetaタグは以下のように書きます。
では<script>~</script>の書き方の2つ目を説明します。
これは規則なので、数学の公式のようにそのまま覚えていただいて結構です。
次はJavaScriptをHTMLに組み込む方法である以下の4について説明します。
他のタグでも書くことが出来ます。
この例ではリンクをクリックすると「Hello」と表示されます。
つまり、JavaScriptをHTMLに組み込む方法である以下の3について説明します。
外部ファイルを読み込む形式は以下のようになります。
headタグの中に以下の記述を書いてください(スペースの都合で2行で書いていますが1行で書いても結構です)。
例えば
外部ファイルにプログラムを記述すればHTMLのコードがすっきりします。