目次

Ajax webアプリケーションへの新提案

Ajaxについて

Ajaxとは？

XMLHttpRequestオブジェクトリファレンス

Ajaxの記述方法

Ajaxのサンプル

Ajaxライブラリを利用する

JavaScriptパート

JavaScriptについて

JavaScriptとは？

JavaScriptの記述法

オブジェクト・プロパティ・メソッド

イベントハンドラ

eventオブジェクトによるイベントの取得

JavaScriptで取り扱える型の種類

関数

ビルトイン関数

変数・定数

オブジェクト・関数・変数などに設定可能な名前

演算子

JavaScriptの命令文（ステートメント）

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

navigatorオブジェクト

ブラウザ名を取得する

ブラウザのコード名を取得する

ブラウザのバージョンを取得する

ブラウザのユーザーエージェントを取得する

プラットフォームのタイプを取得する

ブラウザの使用言語を取得する

ブラウザの判別をする

Java が使えるかどうか判断する

使用可能なMIME のタイプを取得する

使用可能なプラグインを取得する

プラグインがインストールされているかチェックする

screenオブジェクト

ディスプレイのサイズを取得する

ディスプレイの表示情報を取得する

eventオブジェクト

イベントのタイプを取得する

どこでイベントが発生したかを取得する- Netscape Navigator -

どこでイベントが発生したかを取得する- Internet Explorer -

どのキーが押されたかを取得する- Netscape Navigator -

どのキーが押されたかを取得する- Internet Explorer -

ウィンドウの位置とサイズを固定する

windowオブジェクト

警告用のダイアログボックスを開く

確認ボタン付きのダイアログボックスを開く

入力欄付きのダイアログボックスを開く

新しいウィンドウを開く

ウィンドウを閉じる

ページを抜ける時に新しいウィンドウを開く

開いたウィンドウから元のウィンドウを操作する

ウィンドウを前に出す

ウィンドウを後ろに回す

JavaScript1.2 で追加されたwindow.open()の属性を使用する

ウィンドウの外周・内周を取得する

フルスクリーンウィンドウを開く

ブラウザを指定した位置へ移動する

ブラウザを指定した分量ずつ移動する

ウィンドウをディスプレイ左上に表示する

ウィンドウをディスプレイ左下に表示する

ウィンドウをディスプレイ右上に表示する

ウィンドウをディスプレイ右下に表示する

ウィンドウをディスプレイ表示可能領域の中央に表示する

ウィンドウをディスプレイ中央に表示する

ブラウザの大きさを指定してリサイズする

ブラウザを指定した分量ずつリサイズする

ウィンドウをスクロールする

フレームをスクロールする

ブラウザを指定した位置までスクロールする

ブラウザの表示領域を指定した分量ずつスクロールする

ステータス行にメッセージを表示する

ステータス行に文字を流す

ページがロードされた時にステータス行に挨拶を表示する

ウィンドウ内の文字を検索する

ブラウザを制御するボタンを作る

frameオブジェクト

入力されたURL を別フレームに表示する

複数のフレームを同時に変更する- ボタンを使う-

複数のフレームを同時に変更する- リンクを使う-

開いたウィンドウから元のウィンドウのフレームを操作する

documentオブジェクト

文字を書き出す

改行付きで文字を書き出す

ドキュメントの情報を取得する

ファイルの更新日時を取得する

開いたウィンドウに文字を記述する

ドキュメントや画像を後から開く

テキストやリンクの色を指定する

背景色を変えるボタンを作る

テキストの色を変える

選択した文字を返す

historyオブジェクト

戻るボタンを作る

進むボタンを作る

複数ページを戻ったり進んだりするボタンを作る

locationオブジェクト

自ページのURL を取得する

入力されたURL へ進むフォームを作る

ページのロードが完了してから次のページをロードする

JavaScript 対応ページと未対応ページを振り分ける

各ブラウザ専用ページに振り分ける

アンカーを設定する

リロードボタンを作る

元のページへ戻れないようにする

Link・Anchorオブジェクト

リンクのURL の情報を表示する

リンクの上にポインタが乗るとウィンドウを開く

リンクをボタンのように使う- 1 -

リンクをボタンのように使う- 2 -

Formオブジェクト

ラジオボタンをリンクに使う

ボタンをリンクに使う

メニューをリンクに使う

フォームに文字を流す

チェックボックスの値を変更する

チェックボックスのチェックを変更する

ラジオボタンの値を変更する

ラジオボタンのチェックを変更する

フォームの内容変更をチェックする

フォームの内容をチェックする

隠しテキストフォームの値を変更する

フォームからの送信にメモを付ける

メール送信時に挨拶を表示する

パスワードを入力する

パスワードフォームの値を変更する

リセットしてもいいか確認する

アップロードするファイルを選ぶ

フォームの内容を後から変える

フォームのタイプを調べる

Areaオブジェクト

マップエリア外をクリックしたら警告用のウィンドウを開く

フォームに説明を出す

イメージマップをリンク以外の機能で使う

Imageオブジェクト

画像の情報を取得する

画像をアニメーションする

アニメーションにスタートボタンとストップボタンを付ける

画像に触ったりクリックした時に画像を変化させる

画像に触ったりクリックした時に画像を変化させる- オブジェクト名を使う-

画像に触った時に別の画像を変化させる

画像に触った時に別の画像を変化させる- オブジェクト名を使う-

別フレームの画像を変化させる

画像のロード状態を表示する

画像をリロードするかどうか確認する

ビルトインオブジェクト

Dateオブジェクト

年・月・日・時・分・秒を表示する

午前午後を表示する

曜日を表示する

休日を表示する

国際標準時やローカルタイムを表示する

日時を後から変更する

年・月・日・時・分・秒を設定する

西暦を4 桁で表示する

4 桁の西暦を設定する

ミリセコンドを表示する

ミリセコンドを設定する

UTC を表示する

UTC を設定する

日付をカウントダウンする

リアルタイムに年・月・日を表示する

リアルタイムに時・分・秒を表示する

時間ごとに違ったメッセージを表示する

時間によって背景画像を変える

Mathオブジェクト

自然対数の底を返す

eを底とする2の自然対数を返す

eを底とする10の自然対数を返す

2を底とする自然対数を返す

10を底とする自然対数を返す

円周率を返す

1/2の平方根を返す

2の平方根を返す

0からの絶対値を返す

四捨五入した数値を返す

n,mを比較して小さい方の数値を返す

n,mを比較して大きい方の数値を返す

もっとも近くて小さい整数を返す

もっとも近くて大きい整数を返す

nのm乗を返す

x,y座標から角度を返す

平方根を返す

対数を返す

自然対数を返す

サインを返す

コサインを返す

タンジェントを返す

アークサインを返す

アークコサインを返す

アークタンジェントを返す

乱数を発生させておみくじを作る

stringオブジェクト

文字色を指定する

文字を大きくする

文字を小さくする

フォントのサイズを指定する

太字（ボールド）にする

斜体文字（イタリック）にする

削除文字にする

上付文字にする

下付文字にする

等幅文字にする

文字を点滅する

リンクを作る

アンカーを設定する

大文字を小文字に変換する

小文字を大文字に変換する

文字列を分割する

n番目の文字を抜き出す

文字列の途中の文字を抜き出す

n番からm個の文字を抜き出す

先頭から文字列を検索する

後ろから文字列を検索する

指定した文字のISO-Latin-1のコード番号を返す

ISO-Latin-1のコード番号を文字に変換する

Arrayオブジェクト

曜日を表示する- Array オブジェクトを使う-

配列の要素を文字列にして書き出す

配列の要素を逆に並べ替える

配列の要素を並べ替える

functionオブジェクト

新しい関数を作る

関数がどこから呼ばれたかを参照する

関数の内容を配列として使用する

異なるオブジェクトを呼び出す

Objectオブジェクト

新しいオブジェクトを作る - 1 -

新しいオブジェクトを作る - 2 -

プロパティを監視する

Booleanオブジェクト

真（true）か偽（false）の値を設定する

Numberオブジェクト

数値を作成する

使用可能な数値の範囲を調べる

その他

複数のオブジェクトで使用できるプロパティ・メソッド

オブジェクト（配列）の数を取得する

オブジェクトに名前を付ける

新たにプロパティを作成する

オブジェクトを文字列に変える

n 進数に変換する

オブジェクト内の値を返す

オブジェクト内の値を文字列にする

ウィンドウ（フレーム）をプリントする

一定時間ごとに処理を繰り返す

カーソルの位置を取得する

ビルトイン関数（top-level関数）

フォームに入力された文字列を計算できるようにする

数値かどうかを調べる

有限数かどうかを調べる

文字列を整数に変換する

文字列を浮動小数点数に変換する

文字をASCII 形式（URL 形式）に変換する

ASCII 形式の文字をデコードする

DynamicHTMLパート

DHTMLについて

DynamicHTMLとは？

ブラウザのDOMの実装状況

ブラウザのDOMの実装（ノード・要素・属性）

DOMとJavaScript

DOMでのイベントの取り扱い

DOMの値を取得・設定する方法

クロスブラウザDynamicHTMLを作るには

DOMのプロパティ・メソッド

DOMのプロパティ

id 属性の値を取得する

class 属性の値を取得する

タグ要素名の値を取得する

要素数を取得する

lang 属性の値を取得する

要素内にHTML 形式でコンテンツを書き出す

要素を抜けてHTML 形式でコンテンツを書き出す

要素内にテキスト形式でコンテンツを書き出す

要素を抜けてテキスト形式でコンテンツを書き出す

DOMのメソッド

id 属性を使って要素を指定する

name 属性を使って要素を指定する

タグ要素名を使って要素を特定する

属性の値を返す

属性の値を変更する

指定した属性を持っているかどうかを調べる

指定した属性を削除する

指定したノードの値を返す

指定した子ノードを削除する

イベントや処理を設定する

設定したイベントや処理を削除する

HTMLタグ要素を操作する

frame要素

フレームの高さを変更する

フレームの幅を変更する

インラインフレームを変更する

インラインフレームのサイズを変更する

body要素

背景画像を変更する

リンクの色を変更する

背景やテキストの色を変更する

テキストの色を変えるボタンを作る

hr要素

罫線の太さを変更する

罫線の長さを変更する

罫線の塗りつぶしを変更する

罫線の行揃え位置を変更する

img要素

altの値を返す

画像の枠の太さを変更する

画像とテキストの横の位置関係を変更する

画像とテキストの縦の位置関係を変更する

画像との横の間隔を変更する

画像との縦の間隔を変更する

画像の高さと幅を変更する

画像のURIを変更する

form要素

ボタンフォームの値を変更する

ボタンフォームのタイプを変更する

チェックボックスとラジオボタンのタイプを変更する

隠しテキストフォームのタイプを変更する

パスワードフォームの幅を変更する

パスワードフォームのタイプを変更する

セレクトフォームの値を変更する

テキストエリアフォームのサイズを変更する

テキストフォームの幅を変更する

table要素

テーブルの高さ・幅を変更する

テーブルの外枠の太さを変更する

style要素を操作する

スタイルシートの情報を取得する

子スタイルシートの情報を取得する

背景画像の並べ方を指定する

スタイルシート内の背景画像の並べ方を指定する

背景画像の表示位置を変更する

スタイルシート内の画像の表示位置を変更する

背景画像の固定とスクロールを変更する

背景色を変更する

フォームの背景色を変更する

枠線の形式を変更する

枠線の色を変更する

枠線の太さを変更する

内容の周りの空間を変更する

枠線の形式を上下左右別々に変更する

枠線の色を上下左右別々に変更する

枠線の太さを上下左右別々に変更する

内容の周りの空間を上下左右別々に変更する

スタイルシートの幅を変更する

スタイルシートからはみ出る部分の処理方法を変更する

リストの形式を変更する

リストのマークの位置を変更する

カーソルの形を変更する

フォントの太さを変更する

フォントを斜体文字に変更する

フォントの装飾を変更する

フォントの色を変更する

文字サイズを変更する

スタイルシートの背景色を変更する

複数の属性を変更する

文字を消去・表示する

行間を変更する

行揃えを変更する

インデントを変更する

空白や改行をそのまま表示するように変更する

行の折り返しを変更する

フォントを変更する

大文字・小文字を変更する

マージンを変更する

上下左右のマージンを別々に変更する

テキストの回り込みを解除する

スタイルシートの重なりを変更する

スタイルシートのクリップサイズを変更する

スタイルシートの表示位置属性を変更する

可視属性を変更する

スタイルシートを左右に移動する

スタイルシートを上下に移動する

ウィンドウ内にスタイルシートをレイアウトする

クリックした位置へスタイルシートを移動する

マウスの移動に合わせてスタイルシートを移動する

付録

付録A カラーチャート・表示見本

Webサイズチャート

カラーチャート1：W3Cの仕様で名前が定義されている色

Web Safeカラーについて

カラーチャート2：Web Safeカラー

カラーチャート3：Color Name

フォント表示見本

付録B JavaScript・DOM言語仕様

JavaScriptで取り扱える型の種類

演算子

JavaScriptの命令文（ステートメント）

イベントハンドラ

イベントタイプ

ナビゲータオブジェクト

ビルトインオブジェクト

Top-Levelプロパティ

ビルトイン関数（top-level関数）

DOMリファレンス

付録C JavaScript TIPS

JavaScriptのありがちなミス

エラーウィンドウについて

JavaScriptのバージョン記述によるエラー回避

JavaScriptの2000年問題

Netscape Navigator 4.Xでのスタイルシートの問題点

JavaScript1.2で追加・変更された用法

RegularExpression（正規表現）について

JavaScriptとセキュリティ

Signed Script（署名付きスクリプト）の使い方

Live Connect

JavaScriptを使ってサイドバーを追加する方法

JavaScript作成支援ツール

JavaScriptとポップアップ ブロック

レイヤー情報を利用する（Layerオブジェクト）

付録D

JavaScript・DynamicHTML関連リンク