ＪａｖａＳｃｒｉｐｔ講座第１回
第１回は、JavaScriptのＨＴＭＬでの記述方法について触れたいと思います。えっ、ＪａｖａＳｃｒｉｐｔ講座なのに何故ＨＴＭＬなの？と思う方もいると思いますが、ＨＴＭＬをわかっていないと、ＪａｖａＳｃｒｉｐｔは使えないので、ＨＴＭＬは基本として覚えておきましょう。
ホームページを作成するのにはいろいろなアプリケーションがあります。例えばＦｒｏｎｔＰａｇｅとかＮｅｔＳｃａｐｅＣｏｍｐｏｓｅｒ、ＪａｖａＳｃｒｉｐｔを自動で記述してくれるＤｒｗｅａｍｗｅａｖｅｒなるアプリケーションまで存在します。これらを使えば便利ですが限界があります。ＷｉｎｄｏｗｓにはＮｏｔｅｐａｄ（メモ帳）という、軽くて便利なアプリケーションが存在しているではありませんか。えっ？ただのテキストエディターでしょって？ＨＴＭＬはテキスト形式のファイルに書き込まれています。だからＮｏｔｅｐａｄをつかっても十分にページを作ることができます。この講座では、ほとんど全てをＮｏｔｅｐａｄを用いてＨＴＭＬファイルを作成する事を前提としています。保存するときに、［ファイルの種類］に全てのファイルを選択し、拡張子に ．ｈｔｍ もしくは．ｈｔｍｌ をつけるだけです。なれてきたら他のアプリケーションで作成したＨＴＭＬファイルをＮｏｔｅｐａｄで改造しましょう。
ＨＴＭＬでのＪａｖａＳｃｒｉｐｔの記述
Ｎｏｔｅｐａｄ（メモ帳）で以下のテキストを入力し、［ファイルの種類］全てののファイルにして、ファイル名に test.htmと付けて保存します。これだけで立派なＨＴＭＬファイルです。勿論ブラウザで見ることもできます。ＨＴＭＬタグの記述には大文字・小文字はどちらでもかまいません。
<HTML>
<HEAD><TITLE>ＴＥＳＴページです。</TITLE></HEAD>
<BODY></BODY>
</HTML>
これだけではブラウザで開いてもタイトルに「ＴＥＳＴページです。」と表示されるだけでなにも表示されません。
基本的にはＨＴＭＬファイルは、<HTML>タグに始まり</HTML>タグに終わります。但しあくまでも基本的にであって、実際には違います。このあたりは後日述べさせていただきます。<HEAD>
から、</HEAD>の間には、実際には表示されない部分でＨＴＭＬファイル自体の情報が入ります。このヘッダの中に<TITLE>タグがあり、<TITLE>〜</TITLE>の間にＨＴＭＬファイルのタイトルが入ります。このタイトルは、お気に入りに追加されるときにも使われます。
さて、肝心のJavaScriptはどこに入るのでしょうか？<HEAD>〜</HEAD>もしくは<BODY>〜<BODY>の中であればどこでもかまいません。といっても、他のタグの間に挟んではいけません。例えば<TITLE>〜</TITLE>の中とかこれを挟むとかはだめです。
実際には以下のようになります。
<HTML>
<HEAD><TITLE>ＴＥＳＴページです。</TITLE>
<SCRIPT Language="JavaScript">
<!--
//ここにJavaScriptを記述します。
//-->
</SCRIPT>
</HEAD>
<BODY></BODY>
</HTML>
JavaScriptは<SCRIPT>〜</SCRIPT>タグの間に記述します。<!-- と //--> は注釈を意味します。これがないとJavaScriptの記述がブラウザ画面に表示されてしまうので、注釈なので画面には表示しないようにと指示をしています。
では具体的に、JavaScriptを使ってみましょう。
<HTML>
<HEAD><TITLE>ＴＥＳＴページです。</TITLE>
<SCRIPT Language="JavaScript">
<!--
document.write("Hello JavaScipt!!!");
//-->
</SCRIPT>
</HEAD>
<BODY></BODY>
</HTML>
上記ではスクリプトに
document.write("Hello JavaScipt!!!");
が、追加されています。
これは、documentオブジェクト（ブラウザの画面自体のことです。厳密には違いますが・・・）の、writeメソッド（命令）を実行しなさい。という意味になります。簡単に言うと、ブラウザ画面に Ｈｅｌｌｏ ＪａｖａＳｃｒｉｐｔ！！！ という文字を表示しなさいよという意味です。
勿論、計算も可能です。
<HTML>
<HEAD><TITLE>ＴＥＳＴページです。</TITLE>
<SCRIPT Language="JavaScript">
<!--
alert( 2+5 );
//-->
</SCRIPT>
</HEAD>
<BODY></BODY>
</HTML>
上記ではスクリプトに
alert( 2+5 );
とあります。これは、 2+5 の結果を 注意表示で表示しなさいという意味です。
今回は、JavaScriptの簡単な紹介に終わっていますが、次回は具体的に変数の扱い方を紹介します。（次回は変数なので地味です。）
back／next