JavaScriptサンプル・インデックス

リンクをクリックすると、新しいウィンドウが出て、
サンプルが表示されます(表示用のサンプルがないものもあります)。
ソースの収録場所はタイトルの横に記載されていますので、テキストエディタで開いてください。



●navigatorオブジェクト ページ 収録場所
ブラウザ名を取得するP.288js/01_js/01navigator/01navigator/01
ブラウザのコード名を取得するP.289js/01_js/01navigator/01navigator/02
ブラウザのバージョンを取得するP.290js/01_js/01navigator/01navigator/03
ブラウザのユーザーエージェントを取得するP.291js/01_js/01navigator/01navigator/04
プラットフォームのタイプを取得するP.292js/01_js/01navigator/01navigator/05
ブラウザの判別をするP.293js/01_js/01navigator/01navigator/06
Javaが使えるかどうか判断するP.295js/01_js/01navigator/01navigator/07
使用可能なMIMEのタイプを取得するP.296js/01_js/01navigator/01navigator/08
使用可能なプラグインを取得するP.298js/01_js/01navigator/01navigator/09
プラグインがインストールされているかチェックするP.300js/01_js/01navigator/01navigator/10
●screenオブジェクト ページ 収録場所
ディスプレイのサイズを取得するP.301js/01_js/01navigator/02screen/01
ディスプレイの表示情報を取得するP.302js/01_js/01navigator/02screen/02
●eventオブジェクト ページ 収録場所
イベントのタイプを取得するP.303js/01_js/01navigator/03event/01
どこでイベントが発生したかを取得する -Firefox-P.306js/01_js/01navigator/03event/02
どこでイベントが発生したかを取得する -Internet Explorer-P.308js/01_js/01navigator/03event/03
どのキーが押されたかを取得するP.310js/01_js/01navigator/03event/04
どのキーが押されたかを取得する -Firefox-P.312js/01_js/01navigator/03event/05
ウィンドウのサイズの変更を取得するP.313js/01_js/01navigator/03event/06
●windowオブジェクト ページ 収録場所
警告用のダイアログボックスを開くP.315js/01_js/01navigator/04window/01
確認ボタン付きのダイアログボックスを開くP.316js/01_js/01navigator/04window/02
入力欄付きのダイアログボックスを開くP.318js/01_js/01navigator/04window/03
新しいウィンドウを開くP.320js/01_js/01navigator/04window/04
ウィンドウを閉じるP.323js/01_js/01navigator/04window/05
開いたウィンドウから元のウィンドウを操作するP.324js/01_js/01navigator/04window/06
ウィンドウを前に出すP.326js/01_js/01navigator/04window/07
ウィンドウの外周・内周を取得するP.328js/01_js/01navigator/04window/08
ブラウザの表示領域を指定した位置までスクロールするP.330js/01_js/01navigator/04window/09
ブラウザの表示領域を指定した分量ずつスクロールするP.332js/01_js/01navigator/04window/10
ウィンドウ内の文字を検索するP.334js/01_js/01navigator/04window/11
●frameオブジェクト ページ 収録場所
入力されたURLを別フレームに表示するP.336js/01_js/01navigator/05frame/01
複数のフレームを同時に変更する -ボタンを使う- P.338js/01_js/01navigator/05frame/02
複数のフレームを同時に変更する -リンクを使う-P.340js/01_js/01navigator/05frame/03
開いたウィンドウから元のウィンドウのフレームを操作する"P.342js/01_js/01navigator/05frame/04
●documentオブジェクト ページ 収録場所
文字を書き出すP.344js/01_js/01navigator/06document/01
改行付きで文字を書き出すP.345js/01_js/01navigator/06document/02
ドキュメントの情報を取得するP.346js/01_js/01navigator/06document/03
ファイルの更新日時を取得するP.347js/01_js/01navigator/06document/04
開いたウィンドウに文字を記述するP.348js/01_js/01navigator/06document/05
ドキュメントや画像を後から開くP.350js/01_js/01navigator/06document/06
テキストやリンクの色を指定するP.351js/01_js/01navigator/06document/07
背景色を変えるボタンを作るP.352js/01_js/01navigator/06document/08
選択した文字を返すP.354js/01_js/01navigator/06document/09
●historyオブジェクト ページ 収録場所
戻るボタンを作るP.358js/01_js/01navigator/07history/01
進むボタンを作るP.359js/01_js/01navigator/07history/02
複数ページを戻ったり進んだりするボタンを作るP.360js/01_js/01navigator/07history/03
●locationオブジェクト ページ 収録場所
自ページのURLを取得するP.361js/01_js/01navigator/08location/01
入力されたURLへ進むフォームを作るP.362js/01_js/01navigator/08location/02
ページのロードが完了してから次のページをロードするP.363js/01_js/01navigator/08location/03
JavaScript対応ページと未対応ページを振り分けるP.364js/01_js/01navigator/08location/04
アンカーを設定するP.366js/01_js/01navigator/08location/05
リロードボタンを作るP.368js/01_js/01navigator/08location/06
元のページへ戻れないようにするP.369js/01_js/01navigator/08location/07
●Link・Anchorオブジェクト ページ 収録場所
リンクのURLの情報を表示するP.370js/01_js/01navigator/09link_anchor/01
リンクをボタンのように使う - 1 -P.372js/01_js/01navigator/09link_anchor/02
リンクをボタンのように使う - 2 -P.374js/01_js/01navigator/09link_anchor/03
●Formオブジェクト ページ 収録場所
ラジオボタンをリンクに使うP.376js/01_js/01navigator/10form/01
ボタンをリンクに使うP.378js/01_js/01navigator/10form/02
メニューをリンクに使うP.380js/01_js/01navigator/10form/03
フォームに文字を流すP.383js/01_js/01navigator/10form/04
チェックボックスの値を変更するP.385js/01_js/01navigator/10form/05
チェックボックスのチェックを変更するP.387js/01_js/01navigator/10form/06
ラジオボタンの値を変更するP.388js/01_js/01navigator/10form/07
ラジオボタンのチェックを変更するP.390js/01_js/01navigator/10form/08
フォームの内容変更をチェックするP.391js/01_js/01navigator/10form/09
フォームの内容をチェックするP.392js/01_js/01navigator/10form/10
隠しテキストフォームの値を変更するP.394js/01_js/01navigator/10form/11
フォームからの送信にメモを付けるP.396js/01_js/01navigator/10form/12
パスワードを入力するP.398js/01_js/01navigator/10form/13
パスワードフォームの値を変更するP.400js/01_js/01navigator/10form/14
リセットしてもいいか確認するP.402js/01_js/01navigator/10form/15
アップロードするファイルを選ぶP.403js/01_js/01navigator/10form/16
フォームの内容を後から変えるP.404js/01_js/01navigator/10form/17
フォームのタイプを調べるP.406js/01_js/01navigator/10form/18
●Areaオブジェクト ページ 収録場所
エリアマップ内のリンクのURL情報を表示するP.408js/01_js/01navigator/11area/01
イメージマップをリンク以外の機能で使うP.410js/01_js/01navigator/11area/02
●Imageオブジェクト ページ 収録場所
画像の情報を取得するP.412js/01_js/01navigator/12image/01
画像をアニメーションするP.414js/01_js/01navigator/12image/02
アニメーションにスタートボタンとストップボタンを付けるP.416js/01_js/01navigator/12image/03
画像に触ったりクリックした時に画像を変化させるP.418js/01_js/01navigator/12image/04
画像に触ったりクリックした時に画像を変化させる - オブジェクト名を使う -P.420js/01_js/01navigator/12image/05
画像に触った時に別の画像を変化させるP.422js/01_js/01navigator/12image/06
画像に触った時に別の画像を変化させる - オブジェクト名を使う -P.424js/01_js/01navigator/12image/07
画像のロード状態を表示するP.426js/01_js/01navigator/12image/08
画像をリロードするかどうか確認するP.428js/01_js/01navigator/12image/09
●Dateオブジェクト ページ 収録場所
年・月・日・時・分・秒を表示するP.430js/01_js/02builtin/01date/01
午前午後を表示するP.432js/01_js/02builtin/01date/02
曜日を表示するP.433js/01_js/02builtin/01date/03
国際標準時やローカルタイムを表示するP.435js/01_js/02builtin/01date/04
日時を後から変更するP.436js/01_js/02builtin/01date/05
年・月・日・時・分・秒を設定するP.437js/01_js/02builtin/01date/06
西暦を4桁で表示するP.439js/01_js/02builtin/01date/07
4桁の西暦を設定するP.440js/01_js/02builtin/01date/08
ミリセコンドを表示するP.441js/01_js/02builtin/01date/09
ミリセコンドを設定するP.442js/01_js/02builtin/01date/10
UTCを表示するP.443js/01_js/02builtin/01date/11
UTCを設定するP.445js/01_js/02builtin/01date/12
日付をカウントダウンするP.448js/01_js/02builtin/01date/13
時間ごとに違ったメッセージを表示するP.449js/01_js/02builtin/01date/14
●Objectオブジェクト ページ 収録場所
新しいオブジェクトを作る - 1 -P.451js/01_js/02builtin/02object/01
新しいオブジェクトを作る - 2 -P.452js/01_js/02builtin/02object/02
プロパティを監視するP.453js/01_js/02builtin/02object/03
●Booleanオブジェクト ページ 収録場所
真(true)か偽(false)の値を設定するP.454js/01_js/02builtin/03boolean/01
●Numberオブジェクト ページ 収録場所
数値を作成するP.455js/01_js/02builtin/04number/01
使用可能な数値の範囲を調べるP.456js/01_js/02builtin/04number/02
●複数のオブジェクトで利用できるプロパティ・メソッド ページ 収録場所
オブジェクト(配列)の数を取得するP.457js/01_js/03other/01fukusu/01
オブジェクトに名前を付けるP.458js/01_js/03other/01fukusu/02
新たにプロパティを作成するP.460js/01_js/03other/01fukusu/03
オブジェクトを文字列に変えるP.461js/01_js/03other/01fukusu/04
n進数に変換するP.462js/01_js/03other/01fukusu/05
オブジェクト内の値を返すP.463js/01_js/03other/01fukusu/06
オブジェクト内の値を文字列にするP.464js/01_js/03other/01fukusu/07
一定時間ごとに処理を繰り返すP.465js/01_js/03other/01fukusu/08
●ビルトイン関数(top-level関数) ページ 収録場所
フォームに入力された文字列を計算できるようにするP.467js/01_js/03other/02builtin/01
文字列をASCII形式にエンコードするP.469js/01_js/03other/02builtin/02
ASCII形式の文字列をデコードするP.470js/01_js/03other/02builtin/03
文字列をURI形式にエンコードするP.471js/01_js/03other/02builtin/04
URI形式の文字をデコードするP.472js/01_js/03other/02builtin/05
文字列を完全なURI形式にエンコードするP.473js/01_js/03other/02builtin/06
完全なURI形式の文字をデコードするP.474js/01_js/03other/02builtin/07
●DOMのプロパティ ページ 収録場所
要素内にHTML形式でコンテンツを書き出すP.476js/01_js/04dhtml/01
id属性を使って要素を指定するP.478js/01_js/04dhtml/02
name属性を使って要素を指定するP.480js/01_js/04dhtml/03
属性の値を返すP.482js/01_js/04dhtml/04
属性の値を変更するP.484js/01_js/04dhtml/05
●body要素 ページ 収録場所
背景画像を変更するP.486js/01_js/04dhtml/06
テキストの色を変えるボタンを作るP.488js/01_js/04dhtml/07
●style要素 ページ 収録場所
スタイルシートの情報を取得するP.490js/01_js/04dhtml/08
子スタイルシートの情報を取得するP.492js/01_js/04dhtml/09
フォントの太さを変更するP.494js/01_js/04dhtml/10
フォントの色を変更するP.497js/01_js/04dhtml/11
文字サイズを変更するP.498js/01_js/04dhtml/12
リストの形式を変更するP.500js/01_js/04dhtml/13
カーソルの形を変更するP.502js/01_js/04dhtml/14
スタイルシートの背景色を変更するP.504js/01_js/04dhtml/15
スタイルシートの重なりを変更するP.505js/01_js/04dhtml/16
クリックした位置へスタイルシートを移動するP.507js/01_js/04dhtml/17
マウスの移動に合わせてスタイルシートを移動するP.509js/01_js/04dhtml/18