JavaScriptでよく使われるすべてのメソッド/イベントハンドラ一覧・早見表
このページでJavaScriptで使われているメソッドやイベントハンドラを可能な限りすべてピックアップし、一覧・早見表にしました。
随時更新。古くなったもの、非推奨とされているものは掲載されません。またお使いのWebブラウザの種類やCSSファイルによっては、見え方が異なる場合があります。
目次
宣言
| 宣言 | 説明 |
|---|
| var | 変数の宣言 |
| let | スコープを持つ変数の宣言 |
| const | 読み取り専用の名前付き定数の宣言 |
演算子
| 演算子 | 説明 |
|---|
| + | 加算(足し算) |
| – | 減算(引き算) |
| * | 乗算(掛け算) |
| / | 除算(割り算) |
| % | 剰余(除算の余りを求める) |
| ++ | インクリメント |
| — | デクリメント |
| == | 等しい |
| != | 等くない |
| > | 小なり |
| >= | 小なりイコール |
| < | 大なり |
| <= | 大なりイコール |
| && | AND |
| || | OR |
| ! | NOT |
基本制御
| 制御文 | 説明 |
|---|
| if | 条件分岐 |
| if-else | 条件分岐後の処理 |
| switch | 条件比較後の処理 |
| for | 繰り返し処理 |
| while | 条件が真の間、繰り返し処理(最初) |
| do-while | 条件が真の間、繰り返し処理(最後) |
| break | 制御構造を終了(ループを終了) |
| continue | 制御構造を終了(ループをスキップ) |
イベントハンドラ
| イベントハンドラ | 説明 |
|---|
| . onLoad | ページの読み込み完了時 |
| .onUnload | ページから離脱した時 |
| .onClick | 要素がクリックされた時 |
| .onDblclick | 要素がダブルクリックされた時 |
| .onMouseMove | マウスを動かしている時 |
| .onMouseOver | 要素にマウスが乗った時 |
| .onMouseOut | 要素からマウスが離れた時 |
| .onMouseDown | マウスの押した時 |
| .onMouseUp | 押したマウスを離した時 |
| .onDragDrop | ドラッグ＆ドロップ時 |
| . onKeyDown | キーを押したとき |
| .onKeyPress | キーを押している間 |
| .onKeyUp | 押したキーが離れたとき |
| . onSelect | テキストが選択された時 |
| . onError | 画像読み込み中のエラー時 |
| .onAbort | 画像読み込みを中断した時 |
| . onFocus | 要素にフォーカスが当たった時 |
| .onBlur | 要素からフォーカスが離れた時 |
| .onChange | 入力内容が変更された時 |
| .onReset | 入力内容がリセットされた時 |
| .onSubmit | 送信操作をする押す時 |
メソッド
Document
| メソッド | 説明 |
|---|
| .title | ページタイトルの取得/設定 |
| .URL | ページURLの取得 |
| .domain | ページドメイン名を取得 |
| .cookie | クッキーの取得/保存 |
| .referrer | リファラーを参照 |
| .location | ドキュメントURLの取得/設定 |
| .anchors.length | ページのアンカー数を取得 |
| .fgColor | 文字色の取得/設定 |
| .bgColor | 背景色の取得/設定 |
| .linkColor | リンクの文字色の取得/設定 |
| .alinkColor | アクティブリンクの文字色の取得/設定 |
| .vlinkColor | 訪問済みリンクの文字色の取得/設定 |
| .getElementById() | 指定IDオブジェクトを取得 |
| .getElementsByName() | 指定name属性オブジェクトを配列で取得 |
| .getElementsByTagName() | 指定Tagオブジェクトを配列で取得 |
| .getSelection() | 選択した文字列を取得 |
| .write() | 文字列を出力 |
| .clear() | ページ内容を消去 |
| .open() | ドキュメントの出力 |
| .close() | ドキュメントの出力の終了 |
| .routeEvent() | イベントを元に戻す |
| .src | 画像のソースを取得 |
| .name | 画像の名前を取得 |
| .length | 画像の枚数を取得 |
| .width | 画像の幅の取得/設定 |
| .height | 画像の高さの取得/設定 |
| .hspace | 上下の余白の取得/設定 |
| .vspace | 左右の余白の取得/設定 |
| .border | ボーダーの太さをの取得/設定 |
| .complete | 画像の読み込み状態を取得 |
Window
| メソッド | 説明 |
|---|
| .name | ウィンドウ名の設定/取得 |
| .opener | 親ウィンドウ名の取得する |
| .alert() | ダイアログの表示 |
| .prompt() | 入力ダイアログの表示 |
| .confirm() | 確認メッセージの表示 |
| .status | ステータスバーの文字列の表示 |
| .defaultStatus | ステータスバーの文字列の表示(デフォルト) |
| .open() | 新しいウィンドウを開く |
| .close() | ウィンドウを閉じる |
| .closed | ウィンドウが閉じているか確認 |
| .focus() | ウィンドウにフォーカスをあてる |
| .blur() | ウィンドウからフォーカスを外す |
| .moveTo() | ウィンドウを指定座標に移動 |
| .moveBy() | ウィンドウを指定距離だけ移動 |
| .resizeTo() | ウィンドウの幅、高さを指定 |
| .resizeBy() | ウィンドウの幅、高さを拡大/縮小 |
| .scroll() | 指定座標にスクロール位置を設定 |
| .scrollBy() | 指定座標にスクロール位置を移動 |
| .scrollTo() | スクロール位置を指定した距離分だけ移動 |
| .setInterval() | タイマーをセット(一定間隔) |
| .setTimeout() | タイマーをセット(一定時間後) |
| .clearInterval() | setIntervalのクリア |
| .clearTimeout() | setTimeoutのクリア |
| .width | モニターの幅 |
| .height | モニターの高さ |
| .colorDepth | モニターの色設定 |
HIstory/Location
| メソッド | 説明 |
|---|
| .length | 履歴の数を取得 |
| .go() | 指定数だけページへ移動 |
| .back() | 前のページへ戻る |
| .forward() | 次のページへ進む |
| .href | ページのURLを取得 |
| .hash | ページのアンカーを取得 |
| .port | URLのポート番号を取得 |
| .search | URLのパラメータを取得 |
| .protocol | URLのプロトコルを取得 |
| .pathname | URLのパスを取得 |
| .host | ホスト名とポート番号を取得 |
| .hostname | ホスト名を取得する |
| .reload() | ページをリロード |
| .replace() | 指定したページへ移動 |
Date
| メソッド(get) | メソッド(set) | 説明 |
|---|
| .getFullYear() | .setFullYear() | 西暦を取得/設定 |
| .getMonth() | .setMonth() | 月を取得/設定 |
| .getDate() | .setDate() | 日を取得/設定 |
| .getDay() | .setDay() | 曜日を取得/設定 |
| .getHours() | .setHours() | 時を取得/設定 |
| .getMinutes() | .setMinutes() | 分を取得/設定 |
| .getSeconds() | .setSeconds() | 秒を取得/設定 |
| .getMilliseconds() | .setMilliseconds() | ミリ秒を取得/設定 |
| .getUTCFullYear() | .setUTCFullYear() | UTCの西暦を取得/設定 |
| .getUTCMonth() | .setUTCMonth() | UTCの月を取得/設定 |
| .getUTCDate() | .setUTCDate() | UTCの日を取得/設定 |
| .getUTCDay() | .setUTCDay() | UTCの曜日を取得/設定 |
| .getUTCHours() | .setUTCHours() | UTCの時を取得/設定 |
| .getUTCMinutes() | .setUTCMinutes() | UTCの分を取得/設定 |
| .getUTCSeconds() | .setUTCSeconds() | UTCの秒を取得/設定 |
| .getUTCMilliseconds() | .setUTCMilliseconds() | UTCのミリ秒を取得/設定 |
Form
| メソッド | 説明 |
|---|
| .submit() | フォームを送信 |
| .reset() | 入力内容をリセット |
| .name | フォームの名前を取得 |
| .target | フォーム送信のターゲット属性を取得 |
| .action | フォームデータの送信先を取得 |
| .length | フォーム内の要素数を取得 |
| .method | フォームの送信方式を取得 |
| .encoding | エンコード形式を取得 |
| .document.forms.length | ドキュメント内のフォーム数を取得 |
String
| メソッド | 説明 |
|---|
| .length | 文字列の長さ |
| .fontsize() | 文字サイズの設定 |
| .fontcolor() | 文字色の設定 |
| .small() | 文字を小さくする |
| .big() | 文字を大きくする |
| .bold() | 文字を太字にする |
| .italies() | 文字をイタリック体にする |
| .strike() | 文字に打ち消し線をつける |
| .fixed() | 文字を等幅フォントにする |
| .blink() | 文字を点滅させる |
| .link() | 文字にリンクを設定 |
| .anchor() | 文字にアンカーを設定 |
| .sup() | 文字を上付文字にする |
| .sub() | 文字を下付文字にする |
| .toUpperCase() | アルファベットを大文字にする |
| .toLowerCase() | アルファベットを小文字にする |
| .find() | 文字列を検索する(配列内) |
| .indexOf() | 文字列を検索する(シーケンス内) |
| .lastIndexOf() | 文字列を後ろから検索する |
| .match() | 正規表現による検索にマッチした文字列 |
| .search() | 文字列の検索から位置を取得 |
| .charAt() | 指定した位置の文字を取得(単一) |
| .charCodeAt() | 指定した位置の文字の文字コードを取得 |
| .slice() | 末尾の文字数から指定した文字列を取得 |
| .split() | 文字列を文字で分割して配列として取得 |
| .substr() | 指定の位置から指定した文字数分の文字列を取得 |
| .replace() | 文字列を正規表現でマッチさせ置換 |
| .concat() | 文字列を連結 |
| .fromCharCode() | 文字コードを文字に変換 |
Array
| メソッド | 説明 |
|---|
| .length | 要素の数 |
| .sort() | 要素を並べ替える |
| .reverse() | 現要素を逆順にする |
| .shift() | 最初の要素を削除 |
| .pop() | 最後の要素を削除 |
| .push() | 末尾に要素に追加 |
| .join() | 区切り文字で連結させる |
| .concat() | 二つの配列を結合させる |
| .slice() | 指定範囲の要素を取り出す |
| .splice() | 要素を置き換える |
Event
| メソッド | 説明 |
|---|
| .x | X座標 |
| .y | Y座標 |
| .pagex | ページ上のX座標を取得 |
| .pagey | ページ上の座標を取得 |
| .layerx | レイヤーのX座標を取得 |
| .layery | レイヤーのY座標を取得 |
| .screenx | スクリーン上のX座標を取得 |
| .screeny | スクリーン上の座標を取得 |
| .width | ウィンドウ上のX座標を取得 |
| .height | ウィンドウ上のY座標を取得 |
| .type | イベントの種類 |
| .target | イベントが発生したオブジェクト |
| .which | マウスボタンの種類 |
| .modifier | 特殊キー |
| .keycCode | キーコード番号 |
Math
| メソッド | 解説 |
|---|
| .random() | 0から1の間でランダムな値を取得 |
| .round() | 小数点以下を四捨五入 |
| .floor() | 小数点以下を切り捨て |
| .ceil() | 小数点切り上げ |
| .min() | 2つの数値のうち小さい方を返す |
| .max() | 2つの数値のうち大きい方を返す |
| .sin() | サイン |
| .cos() | コサイン |
| .tan() | タンジェント |
| .asin() | アークサイン |
| .acos() | アークコサイン |
| .atan() | アークタンジェント |
| .sqrt() | 平方根 |
| .abs() | 絶対値 |
| .pow() | べき乗 |
| .PI | 円周率 |
