スクリプトの基礎知識
スクリプトは、HTML内に記述され、ブラウザ上で実行されるプログラムと思っていただければ良いでしょう。スクリプトには、VBScript や JavaScript があり、一般に良く使用されるのがJavaScriptです。
JavaScriptは、比較的覚えるのが容易で、ここでは、HTMLタグやスタイルシートの要素をコントロールし、HTMLに動きを与えるために使用します。
スクリプトを覚えるには専門書を見てもらうこととして、いかにお金をかけずに、楽しみながらスクリプトを覚えるには、ちょっと変わったホームページを見つけては、そのソースを参考にするのが一番良いでしょう。
●ブラウザの判別
スクリプトといってもブラウザによって記述方法が異なると言うことを最初に断わっておかなければなりません。
そもそも、プログラムというものはバージョンが異なることによってデータの持ち方が拡張されている場合でも、それに対応するようにいく通りかのルーチンを記述するのが普通ですが、この場合、ブラウザの種類、Internet Explorer 4.0 と Netscape Navigator 4.0をあげても会社が違うので、スクリプトの記述方法が異なってもいたしかたありません。(なかには取り決めで決まっているものも有ります)そこで、通常はどのようなブラウザが使用されているかを判断してそれに見合ったスクリプトを実行させる必要があります。そこで、ブラウザの判別の方法ですが、この方法といった決まったものがないので、一般的に使用されているスクリプトを説明を交えながら書いていきます。
HTMLの開始
<html>JavaScriptの開始
<head>
<title>ブラウザの判別方法</title>
JavaScriptを開始するには以下のように記述します
<script language="JavaScript>ブラウザ名の取得
<!--
navigator.appNameは、ブラウザ名を返します、その値をbrowserName変数に格納しています。
browserName=navigator.appName;
ブラウザのバージョンの取得
navigator.appVersionで返される値は"4.0 (compatible; MSIE 5.0; Windows 98; DigExt)"のような文字列なので整数に直した形でbrowserVersionに格納しています。
browserVersion=parseInt(navigator.appVersion);
別の方法としてnavigator.appVersionで返される値の先頭の1文字をbrowserVersionに格納する方法もあります。
browserVersion=navigator.appVersion.charAt(0);
ブラウザごとの異なる処理
if (browserName == "Microsoft Internet Explorer" && browserVersion >= 4){JavaScriptの終了
//Internet Explorer 4.0以上での処理
}
if (browserName == "Netscape" && browserVersion >= 4){
//Netscape Navigator 4.0以上での処理
}
//-->
</script>
HTMLの終了
</body>
</html>
●Internet Explorer 4.0 で
オブジェクトとは簡単に言うとコントロールするための構成要素(対象物)といったところでしょうか、そのオブジェクトをスクリプトで操作します。
今までは、ページ内の1つの要素だけを変更するにはその部分だけに変更を加えた別のページ全体を再読み込みさせたり、フレームを多用してその一部分だけを再読み込みさせるなどの手法を取らなければなりませんでした。しかし、オブジェクトという概念を導入することによってオブジェクト単位で変更を加えることができるようになったのです。これをオブジェクトモデルと言います。
ほとんどのタグで、ブラウザに対してどのような操作を行ったかというイベントの検知ができるようになりました。イベントとは、マウスをクリックした、マウスカーソルが対象物の上を通過した、あらかじめ決めておいた時間が経過したなどです。そのイベントに対して任意の命令を与えることができます。
通常、コンテンツはHTMLタグで区切られており、この区切られた部分をオブジェクト化することによってその1部分だけに変更を加えたりすることができます。そういったコンテンツをダイナミックコンテンツとよびます。
p.s.
実を言うとどのような方針で勉強会を進めていくかを考えずに第1回をアップして後悔しています(笑)
基本をマスターしてから本題に入るか、それとも小出しに解説しながら進めるかという事です
ま、今後難しい事を並べてもややこしくなるだけなんで簡単なものから解説付きで載せていこうと思います