JavaScriptとは

JavaScriptとは


XHTML＋CSSで作られたWebページにJavaScriptを組み合わせると、いままでは印刷物のように動かないページしか作れなかったWebページに動きや機能といった振る舞いを追加することができます。

JavaScript（ジャヴァスクリプト）
  • Netscape社の開発したHTML内に埋め込めるオブジェクト指向のスクリプト言語
  • 主にWebブラウザ上で動作し、HTMLの動的書き換えや入力フォームの自動補完など、Webページの使用感向上を目的として使用される
  • 見た目はJava言語やC、C++に似ていますが、 Javaとは違うもので互換性はまったくない
  • JavaScriptはブラウザがインタプリタとなりスクリプトを実行する
  • OSに依存しない
  • 特別な開発環境を必要としない（ソースは通常のテキスト）
  • プログラムの変更が容易


ECMAScript（エクマスクリプト）

  • ECMA：European Computer Manufacturer Association（ヨーロッパ電子計算機工業会）が定めたJavaScriptの標準仕様
  • JavaScriptは、インタプリタをブラウザ中に用意しているため、Webブラウザごとの機能の違いが問題となり、ECMAインターナショナルにより標準化される


JScript

JavaScriptでできること

ドキュメント操作
  • Webページに文字を表示する
  • 文字や背景の色を指定する
  • Webページを切り替える
  • クッキーの読み書き
ウィンドウ
  • 確認ダイアログを表示する
  • 新しいウィンドウを表示する
  • ウィンドウのサイズを指定する
イベント
  • ページを読み込むときにメッセージを表示する
  • マウスポインタをのせると色が変わる
フォーム

JavaScriptの作業環境

テキストエディタ
ブラウザ
エラーの確認
  • IE：ステータスバーのエラー表示をダブルクリック
  • Firefox：エラーコンソールでエラー内容を確認できる

オブジェクト指向言語とは

オブジェクトベース言語

オブジェクトの基礎を知る

  • プロパティとメソッド
プロパティ
  • オブジェクトに用意されているデータ
メソッド（Method）
  • オブジェクトの操作


例えば、

テレビなら

  • 「チャンネル」「音量」は、プロパティ
  • 「チャンネルを〜に変更する」「音量を上げる」「音量を下げる」は、メッソッド


料理（卵焼きを作る）なら

  1. 「たまご」の「割る」メソッドと「混ぜる」メソッドを実行する
  2. 「甘さ」プロパティを加算する
  3. 「焼く」メソッドに、時間パラメーターと火力パラメーターを付加して実行する
  4. 醤油オブジェクトで「塩辛さ」パラメーターや「色」パラメーターを変える


このレシピのことを「プログラム」と呼び、手順のことを「アルゴリズム」と呼びます。