HTMLタグ講座

© 2000–2011 Atelier TM. All rights reserved.

Google
第13章 JavaScript

JavaScriptについて

a b o u t

ここでは、難しいことは省きます。ホームページのアクセサリーとして扱います。
テロップ流したり、時計を表示させたりできるんだ。
CGIとは違いサーバーの設定はいらないから、凄く簡単に使える。
JavaScript(ジャバスクリプト)といって、動きのあるホームページ作りに、役に立つよ。
これも、フリーなjavaのサイトに行き、コピーアンドペーストで、自分のHPのHTMLに貼っちゃおう!!

例えば、JavaScprictを使用しますと下にあるX'masバージョンのようにできます^^

X'masバージョン

国内最高峰のサイトのひとつ、ここで探してみよう!
一撃必殺JavaScript

Javascriptの例

コピペし貼り付けて使用します。

最終更新日の表示 例 

<script language="JavaScript"><!-- myModify = document.lastModified; myD = new Date(myModify); myYear = myD.getYear(); myYear4 = (myYear < 2000) ? myYear+1900 : myYear; myMonth = myD.getMonth() + 1; myDate = myD.getDate(); myStr = "Last Up Date " + myYear4 + "." + myMonth + "." + myDate; document.write( myStr ); // --></script>

時計表示

※<head>〜</head>間に記述します。
<SCRIPT LANGUAGE="JavaScript"> <!-- function dt(){ Tdate=new Date(); j1=Tdate.getHours(); j2=Tdate.getMinutes(); j3=Tdate.getSeconds(); jt=":" if(j1<10){j1="0"+j1;} if(j2<10){j2="0"+j2;} if(j3<10){j3="0"+j3;} document.dck.dckh.value=j1+jt+j2+jt+j3; setTimeout("dt()",1000);} //--> </SCRIPT> <STYLE> <!-- .a1{color:#e80063;/*文字の色の指定*/ background-color:#D8E2F1;/*背景の色の指定*/ border:solid 2px #ffffff;/*枠線の色の指定*/ font-weight:bold;text-align:center; } --> </STYLE>
※<body>〜</body>表示させる場所に記述します。
<FORM name="dck"> <INPUT type="text" name="dckh" size=10 class="a1"> </FORM>

Contents

Software

Dectionary

素材・CGI