JavaScriptを使ったページの作成

【本節の目的】
最後に、皆さんがJavaScriptを使ったページを作るとき、参考になるような情報を集めてみました。

ページの全体構成

JavaScriptを含んだHTMLファイルの構成は、一般に以下のようになります。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html lang="ja">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <meta http-equiv="Content-Script-Type" content="text/javascript">
 <tille> このページのタイトル <tille>
 <script type="text/javascript">
  <!--
    function メソッド１(必要なら引数) {
        .
        .
    }
    function メソッド２(必要なら引数) {
        .
        .
    }
        .
        .	
  //-->
 </script>
</head>

<body>

  通常のHTML文章並びに、イベントハンドラを含んだHTML文章
</body>
</html>

定義するJavaScriptプログラムは、上記のように<head>の部分に、まとめて書いておくこともできます。

JavaScriptを使ったWEBページの例

JavaScriptを使ったWebページのサンプルを作ってみました。
参考にして下さい。

ここにサンプルページがあります。 (サンプルページのソース)

JavaScript利用のサンプル集

第11回でも示しましたが、JavaScript利用のためのサンプルへのリンク集です。参考にしてください。

■ 熊大で作成したテキストおよびサンプルです。

平成１４年度情報基礎Bの第６週のページです。
JavaScriptの文法と、サンプルがあります。
当該ページへ
不思議なページです。
サンプルページへ (サンプルページのソース)
クイズのページです。
サンプルページへ (サンプルページのソース)

■ インターネット上で公開されているサンプル集の例です。
これ以外に、沢山ありますので、検索エンジンで調べてみて下さい。

JavaScript basic samples
JavaScriptの基本的な機能ごとのサンプル集です。
基本的な機能の確認に便利でしょう。
「JavaScript basicsamples」へ
５・６年生にもわかるやさしいJavaScript
これも、JavaScriptの基本的な機能ごとのサンプル集です。
「５・６年生にもわかるやさしいJavaScript」へ
うさのJavaScript講座
これも、JavaScriptの基本的な機能ごとのサンプル集です。
「うさのJavaScript講座」へ
とほほのJavaScriptリファレンス
JavaScriptの文法がサンプルとともに丁寧に記述されています。
サンプル集を見て内容が理解できないときには、ここを参照すれば良いでしょう。
「とほほのJavaScriptリファレンス」へ