Media Click!
Media Click!

JavaScriptでレベルアップ!

HTMLだけではホームページの表現にも限界があります。
そこで登場するのが「JavaScript」です。(「ジャバスクリプト」と読みます。)
JavaScriptを使うことにより1ランク上のホームページを目指しましょう!


JavaScriptって何?

JavaScriptは Netscape社が開発したHTMLに埋め込めるオブジェクト指向スクリプト言語です。
JavaScriptはブラウザ(インターネットエクスプローラ等)がインタプリタとなり、
スクリプトを実行します。
特徴としてはHTMLに埋め込んだスクリプトをブラウザが逐次実行するインタプリタ言語です。
タイマー処理などもでき、一定時間ごとに処理をさせる事も可能です。(時計など)


サンプル1: 文字を表示しよう

<script language="JavaScript">
document.write("Hello!");
</script>

以上をコピー&ペーストして sample1.htmlというファイル名で保存しましょう。
そのファイルをブラウザで見ると


Hello!



と表示されてますね。文字の表示はこれだけでできます。


サンプル2: 時間を表示しよう

<FORM METHOD="post">
<INPUT NAME="watch" SIZE=7>
</FORM>
<SCRIPT LANGUAGE="JavaScript">
<!--
function watch() {
now = new Date();
hour = now.getHours();
min = now.getMinutes();
sec = now.getSeconds();
if (hour < 10) {
hour = "0" + hour;
}
if (min < 10) {
min = "0" + min;
}
if (sec < 10) {
sec = "0" + sec;
}
document.forms[0].elements[0].value = hour+":"+min+":"+sec;
setTimeout('watch()', 999); // 1000msec = 1sec
}
watch();
-->
</SCRIPT>


以上をコピー&ペーストして sample2.htmlというファイル名で保存しましょう。




と表示されてますね。時間は現在使っているパソコンの内臓時計の時間です。
パソコンの時計が正しくない場合は、この時間も正しい時間が表示されません。



G-STATION Group Total Counter