Webブラウザでプログラムを実行するJavaScript

JavaScript


ECMAScript(エクマスクリプト

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


JScript

JavaScriptのプログラムを実行する
  • Webブラウザの中には、プログラムを実行する機能が内蔵されています
  • すべてのブラウザに対応しているのは、JavaScriptと呼ばれるプログラミング言語で書かれたプログラムの実行機能です
  • HTMLとJavaScriptは組み合わされてWebブラウザの中で実行されます
  • JavaScriptはWebブラウザの内部で動きます
  • 読み込まれてしまえばサーバーは関係なく、ネットワークが切断されたとしても動き続けられます

JavaScriptの利用術

  • JavaScriptは、キー入力したりマウス操作したり、ページ操作したりしたときのタイミングでプログラムを実行できます
  • テキスト入力欄に、頭何文字かを入力したときに候補がいくつか出てくる「サジェスト機能(suggest)」は、JavaScriptを使って実行されています
ドキュメント操作
  • Webページに文字を表示する
  • 文字や背景の色を指定する
  • Webページを切り替える
  • クッキーの読み書き
ウィンドウ
  • 確認ダイアログを表示する
  • 新しいウィンドウを表示する
  • ウィンドウのサイズを指定する
イベント
  • ページを読み込むときにメッセージを表示する
  • マウスポインタをのせると色が変わる
フォーム

JavaScriptの作業環境

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

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

オブジェクトベース言語

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

  • プロパティとメソッド
プロパティ
  • オブジェクトに用意されているデータ
メソッド(Method)
  • オブジェクトの操作
Webブラウザはオブジェクトの集まり
  • windowオブジェクト
  • documentオブジェクト
  • imageオブジェクト
JavaScriptとDOM
  • 初期のJavaScriptでは、オブジェクトとして扱えるHTML要素は多くありませんでした
  • HTMLドキュメントの任意の要素をオブジェクトとして扱えるようにした技術が「DOM(Document Object Model)」