詳解JavaScript&DynamicHTML辞典 Ajax対応 第4版

概 要

JavaScriptとDynamicHTMLの基本文法から、動的なWebページの作成技法までを一冊にまとめた、わかりやすく使いやすいリファレンスの第4版です。現在、HTMLやCSS、DOM、XMLといったウェブサイトを作るうえで重要な規格の標準化が進められていますが、これらの規格をブラウザ上で協調して動作させるための手段としてJavaScriptが注目されています。代表的な例が本書でも取り上げているAjaxです。本書では、やりたいことが目的別にすぐ引け、構文や実行結果が見てわかるだけでなく、Internet Explorer 8/7/6、Firefox 3/2、Google Chrome 1、Opera9、Safari3など、最新ブラウザへの対応状況も掲載。豊富なサンプルをダウンロードして試すこともできます。

著者 半場方人
価格 本体2200円(税別)
ISBN 978-4-7980-2291-8
発売日 2009/6/12
判型 A5
色数 4色
ページ数 592
CD/DVD
対象読者 初級
シリーズ 詳解辞典
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

AJAX

Ajaxについて

Ajaxとは

Ajaxの記述方法

JavaScript

JavaScriptについて

JavaScriptとは?

JavaScriptの記述法

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

イベントハンドラ

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

JavaScriptで取り扱える型の種類

関数

ビルトイン関数

変数・定数

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

演算子

JavaScriptの命令文(ステートメント)

JavaScript

ナビゲータオブジェクト

navigatorオブジェクト

ブラウザ名を取得する

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

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

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

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

ブラウザの判別をする

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

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

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

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

screenオブジェクト

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

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

eventオブジェクト

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

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

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

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

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

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

windowオブジェクト

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

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

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

新しいウィンドウを開く

ウィンドウを閉じる

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

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

ウィンドウを前に出す

ウィンドウを後ろに回す

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

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

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

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

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

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

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

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

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

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

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

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

frameオブジェクト

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

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

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

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

documentオブジェクト

文字を書き出す

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

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

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

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

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

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

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

選択した文字を返す

historyオブジェクト

戻るボタンを作る

進むボタンを作る

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

locationオブジェクト

自ページのURLを取得する

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

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

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

アンカーを設定する

リロードボタンを作る

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

Link・Anchorオブジェクト

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

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

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

Formオブジェクト

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

ボタンをリンクに使う

メニューをリンクに使う

フォームに文字を流す

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

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

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

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

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

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

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

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

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

パスワードを入力する

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

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

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

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

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

Areaオブジェクト

エリアマップ内のリンクのURL情報を表示する

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

Imageオブジェクト

画像の情報を取得する

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

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

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

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

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

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

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

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

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

ビルトインオブジェクト

Dateオブジェクト

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

午前午後を表示する

曜日を表示する

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

日時を後から変更する

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

西暦を4桁で表示する

4桁の西暦を設定する

ミリセコンドを表示する

ミリセコンドを設定する

UTCを表示する

UTCを設定する

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

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

Objectオブジェクト

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

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

プロパティを監視する

Booleanオブジェクト

真(true)か偽(false)の値を設定する

Numberオブジェクト

数値を作成する

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

その他

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

オブジェクト(配列)の数を取得する

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

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

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

n進数に変換する

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

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

ウィンドウ(フレーム)をプリントする

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

ビルトイン関数(top-level関数)

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

数値かどうかを調べる

有限数かどうかを調べる

文字列を整数に変換する

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

文字列をASCII形式にエンコードする

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

文字列をURI形式にエンコードする

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

文字列を完全なURI形式にエンコードする

完全なURI形式の文字をデコードする

DHTML

DHTMLについて

DynamicHTMLとは?

ブラウザのDOMの実装状況

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

DOMとJavaScript

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

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

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

DHTML

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の命令文(ステートメント)

イベントハンドラ(JavaScript 1.0/1.1)

イベントタイプ

ナビゲータオブジェクト

ビルトインオブジェクト

Top-Levelプロパティ

ビルトイン関数(top-level関数)

DOMリファレンス

付録C JavaScript TIPS

JavaScriptの2000年問題

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

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

RegularExpression(正規表現)について

Live Connect

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

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

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

付録D

JavaScript・DynamicHTML関連リンク

参考書籍

索引

JavaScript索引1

JavaScript索引2(プログラミング要素別)

DOM索引1

DOM索引2(プログラミング要素別)

用語索引

Ajax索引

PR

秀和システム