HOME > DO（実行） > WEBサイト作成―Javascript

実行ウェブサイト作成7javascript

JavaScriptとは

JavaScriptとはhtmlファイルの中に記述することでホームページに動的な仕組みを取り入れることができるプログラミング言語です。

よく目にするものでは、リンク画像にマウスをのせると画像が入れ代わる、ページを開いたら小さい窓が開く等、に利用されています。

ただJavaScriptはブラウザ上で実行されるため、ブラウザの設定で「JavaScriptをOFF」に設定していると動作しません。「勝手に窓が開くのが邪魔！」などJavaScriptをOFFにしている人もいるので、多用するのはよくありませんが、部分的に使うと効果的なので一度チャレンジしてみてください。

JavaScriptの指定の仕方

JavaScriptはJavaScriptを記述したファイルを別に用意してリンクを記述して利用する方法と、ファイルにそのまま指定する方法があります。

1.外部ファイルでリンクする。

外部ファイルでリンクする場合は<head>タグ内に
『<script type="text/javascript" src="ファイル名"></script>』
を記述して、JavaScriptを別ファイルに記述します。

「1.外部ファイルでリンクする。」アラートを出すサンプル

例）「window.html」の記述
<html>
<head>
<script type="text/javascript" src="common.js"></script>
</head>
<body onLoad="sample()">
</body>
</html>

例）「common.js」の記述
function pop(){
alert("外部ファイルのJavascriptです。")
}

2. ファイルにそのまま指定する。

ファイルにそのまま指定するには<head>タグ内に
『<script language="JavaScript">JavaScriptの記述</script>』
と記述します。

「2.ファイルにそのまま指定する。」アラートを出すサンプル

例）「window2.html」の記述
<html>
<head>
<script language="JavaScript">
< !--
function pop(){
alert("ファイルに記述したJavascriptです。");
}
//-->
</script>
</head>
<body onLoad="sample()">
</body>
</body>
</html>