Of ChaichanPapa-World !

オブジェクトなJavaScriptの基礎講座

ここは、JavaScript初心者のためのページです。

◆ はじめに

ヤフーのJavaScriptディレクトリから来られた方、はじめまして!
私ことちゃいちゃんパパがここの管理人です。

ここは、プログラミング初心者の方に、JavaScriptをツールとして、プログラミングの雰囲気を体験してもらい、ついでにJavaScriptの基礎を習得してしまいましょう。ってコーナーです。

あくまでも、プログラミング習得の初歩がメインで、サンプルを期待して来られた方は、サンプル系をあたってみてください。

一通り読んだら、今度は、HTMLスタイルシートCGI-Perlにも力を入れていますので、そちらも是非ご覧ください。 また、JavaScriptは、もちろん、Web関係すべてについての質問掲示板、WEB相談室があります。是非ご利用ください。

また、JavaScriptは、実は結構本格的なオブジェクト指向言語です。そこのところも、わかりやすく解説できたらと思っています。ご期待ください。

◆ サイト最新情報

◆ 目次

1. 基礎の基礎

  1. JavaScriptってなに
  2. 初めの一歩
  3. 代入文の使い方(リテラル、変数、型、演算子、エスケープ文字)
  4. for/while文の使い方
  5. if/switch文の使い方
  6. 関数について

2. オブジェクトの基礎

  1. JavaScriptのオブジェクトについて
  2. プロパティとメソッドについて
  3. インスタンスとオブジェクトについて
  4. カプセル化と継承について
  5. オーバーライドと多重定義について
  6. new演算子の謎
  7. インスタンス変数とクラス変数

3. ビルドインオブジェクト

  1. Array(配列)オブジェクト
  2. Math(数学)オブジェクト
  3. String(文字列)オブジェクト
  4. Date(時間)オブジェクト
  5. RegExp(正規表現)オブジェクト
  6. Global(eval等)オブジェクト

4. ナビゲータオブジェクト

  1. documentオブジェクト
  2. Navigaterオブジェクト
  3. historyオブジェクト
  4. locationオブジェクト
  5. linksオブジェクト
  6. タイマー処理
  7. forms/elements配列の使い方
  8. 入出力ボックス処理
  9. イメージオブジェクト
  10. ウインドウ、フレームの管理

5. イベント

  1. イベント処理
  2. onBlurイベント処理(フォーカスを失ったとき)
  3. onChangeイベント処理(値が変化したとき)
  4. onClickイベント処理(クリックしたとき)
  5. onFocusイベント処理(フォーカスを受けたとき)
  6. onLoadイベント処理(ページがロードされたとき)
  7. onMouseOverイベント処理(マウスがオブジェクトを通過したとき)
  8. onSubmitイベント処理(Submitボタンがクリックさてたとき)
  9. イベントハンドラオーバーライド適用方法

6. DOMの基礎

  1. DOMってなに
  2. はじめてのDOM
  3. DOMによるスタイルの変更(その1)
  4. DOMによるスタイルの変更(その2)
  5. DOM in DOM

7. 応用

  1. mailtoスキームの使い方(メール送信)
  2. 曜日別ランダム文字列の表示(2次元配列)
  3. 画像の切り替え(オンマウス)
  4. 画像の切り替え2(クッキー)
  5. サウンドの切り替え(複数Midファイルの扱い)
  6. 買い物オーダーフォーム(ウインド間データの受け渡し)
  7. 画像の切り替え3(DHTML)
  8. スタイルシート切り替え(オブジェクト指向)
  9. クッキーオブジェクト(ユーザ独自オブジェクト)
  10. 選択メニューの連動(DOM利用)
  11. ゲット引数オブジェクト(ページ間データの受け渡し)
  12. ゲットUAオブジェクト

8.質問&プロフィール

  1. WEB相談室
  2. プロフィール

◆ おわりに

おわりに、脱JavaScript初心者を目指す方や実用的なサンプルプログラムをお探しの方に、お薦めサイトと本を紹介いたします。

おすすめサイト

お勉強系
サンプル系

おすすめ本

以下の本以外に良い本があったら教えてください!

◆ 本サイトのその他のコンテンツ

人のよいところをどんどん見つけよう