JavaScript リファレンス

投稿日:

アイキャッチ画像

JavaScriptの初心者向けリファレンスです。少しずつ、追加していこうと思います。

Document

プロパティ

項目説明
activeElementフォーカス中の要素を取得する。
bodybody要素を取得する。
caracterSetドキュメントの文字エンコーディングを取得する。
charsetcharacterSetプロパティのエイリアス。
cookieクッキーを取得、設定する。
compatMode互換モードかを確認する。
contentTypeファイルの種類を取得する。
currentScript実行中のscript要素を取得する。
defaultCharsetブラウザのデフォルトの文字エンコーディングを取得する。2016年3月現在、主要ブラウザで廃止され出しているので非推奨。
defaultViewwindowオブジェクトを取得する。
designModeドキュメントの編集モードを取得、変更する。
dirテキストの方向を取得、変更する。
doctype文書型宣言(DTD)を取得する。
documentElementルート要素を取得する。
documentURIURIを参照する。
domainドキュメントのロード元のドメインを取得する。
embedsembed要素を全て取得する。
formsform要素を全て取得する。
headhead要素を参照する。
images全てのimg要素を取得する。
implementationDOMImplementationオブジェクト。
originオリジンを参照する。
lastModified最新更新時刻を取得する。
linkshref属性を持つa要素とarea要素を取得する。
locationLocationオブジェクトを取得する。
pluginsembed要素を取得する。
readyStateドキュメントのロードのステータス を参照する。
referrerリファラー(リンク元)を参照する。
scripts全てのscript要素を参照する。
styleSheets全てのスタイルシートを参照する。
titleタイトルを取得、変更する。
URLドキュメントのURLを取得する。

メソッド

項目説明
getElementById()idを指定して要素を取得する。
getElementsByClassName()クラス名を指定して要素を取得する。
getElementsByName()name属性を指定して要素を取得する。
getElementsByTagName()タグ名を指定して要素を取得する。

Element

プロパティ

項目説明
attributes要素の全属性を取得する。
childElementCount子要素の数を取得する。
children全ての子要素を取得する。
classList全てのクラス名を≠配列で取得する。
classNameクラス属性を取得する。
clientHeight表示域の高さを取得する。
clientWidth表示域の横幅を取得する。
clientLeft表示域の左側の幅を取得する。
clientTop表示域の上側の幅を取得する。
datasetdata属性を取得、変更する。
firstElementChild最初の子要素を取得する。
idid属性を取得、変更する。
innerHTML要素のHTMLを取得、変更する。
isContentEditable要素が編集可能かを取得する。
langlang属性を取得、変更する。
lastElementChild最後の子要素を取得する。
localName要素のローカルな名前。
namespaceURI要素の名前空間を定めるURI。
nextElementSibling次の要素を取得する。
offsetHeight全体の高さを取得する。
offsetWidth全体の横幅を取得する。
offsetLeftオフセットの横幅を取得する。
offsetTopオフセットの高さを取得する。
offsetParentオフセット座標の基準となる要素を取得する。
outerHTML自身と中身のHTMLを取得、変更する。
prefix要素の名前空間接頭辞。
previousElementSibling前の要素を取得する。
scrollHeightスクロール分を含めた高さを取得する。
scrollWidthスクロール分を含めた横幅を取得する。
scrollLeft要素内の水平方向のスクロール量を取得、変更する。
scrollTop要素内の垂直方向のスクロール量を取得、変更する。
stylestyle属性のオブジェクトを取得する。
tagNameタグ名を取得する。
titletitle属性を取得、変更する。

DocumentType

文書型宣言(DTD)の情報を含むオブジェクトです。

プロパティ

項目説明
nameドキュメントタイプの名前を参照する。
publicIdドキュメントタイプのPUBLIC識別子を参照する。
systemIdドキュメントタイプのSYSTEM識別子を参照する。

メソッド

メソッドはありません。

Canvas

プロパティ

項目説明
widthキャンパスの座標空間の横幅を取得、変更する。
heightキャンパスの座標空間の高さを取得、変更する。

メソッド

項目説明
getContext()キャンパスに描画するためのオブジェクトを取得する。
toDataURL()キャンパスの描画内容をデータURIにエンコードする。PNG、JPEG、WEBPに変換できる。

CanvasRenderingContext2D

プロパティ

項目説明
fillStyle塗りつぶしのスタイル(色)を指定する。
fontテキスト描画時のフォントを指定する。
globalAlphaキャンパス全体の透明度を指定する。
globalCompositeOperation合成方法を指定する。
lineCap線の終端方法を指定する。
lineJoin線の結合方法を指定する。
lineWidth線の幅を指定する。
miterLimitlineJoinにmiterを指定した場合の上限の長さを指定する。
shadowBlur影のぼかし具合を指定する。
shadowColor影の色を指定する。
shadowOffsetX影の水平方向のオフセットを指定する。
shadowOffsetY影の垂直方向のオフセットを指定する。
strokeStyle線のスタイル(色)を指定する。
textAlignテキストの水平方向の配置方法を指定する。
textBaseLineテキストの垂直方向の配置方法を指定する。

メソッド

項目説明
createLinearGradient()線形グラデーションのCanvasGradientオブジェクトを作成する。
createPattern()線形グラデーションのCanvasPatternオブジェクトを作成する。

CanvasGradient

プロパティ

CanvasGradientオブジェクトにプロパティはありません。

メソッド

項目説明
addColorStop()グラデーションの色を調整する。

Console

プロパティ

Consoleオブジェクトにプロパティはありません。

メソッド

項目説明
assert()第1引数がfalseの場合に第2引数をエラーメッセージとして表示する。
count()指定した文字列が呼び出された回数を表示する。
debug()デバッグ情報に分類したメッセージを表示する。
dir()要素などをツリースタイルで表示する。
dirxml()要素などをHTMLマークアップのスタイルで表示する。
error()エラーメッセージを表示する。
group()メッセージのグループ分けを開始する。
groupCollapsed()グループ内でメッセージを折り畳んで表示する。
groupEnd()グループ分けを終了する。

Array

プロパティ

項目説明
length配列の要素数を取得、変更する。

メソッド

項目説明
concat()配列を連結する。
every()全ての要素がある関数で真か否かを確認する。
filter()ある関数で真になる要素だけを取得する。
forEach()配列の各要素に対して関数を実行する。
indexOf()配列に指定した要素があるか検索する。
join()配列の要素を連結して文字列にする。
lastIndexOf()配列に指定した要素があるか後方から検索する。
map()配列の各要素に関数を実行して新しい配列を得る。
pop()配列の最後の要素を取り除く。
push()配列の最後に要素を追加する。
reduce()配列を前方から簡約化する。
reduceRight()配列を後方から簡約化する。
reverse()配列を逆順にする。
shift()配列の先頭の要素を取り除く。
slice()配列の一部を切り取る。
some()いずれかの要素がある関数で真か否かを確認する。
sort()配列をソートする。
splice()配列の一部を置換する。
toLocaleString()配列を地域に合わせた文字列にする。
toString()配列を文字列にする。
unshift()配列の先頭に要素を挿入する。

Location

プロパティ

項目説明
hashフラグメント識別子(#〜)を取得、変更する。
hostホスト名とポートを取得、変更する。
hostnameホスト名を取得、変更する。
href完全なURLを取得、変更する。
pathnameパスを取得、変更する。
portポート番号を取得、変更する。
protocolプロトコルを取得、変更する。
searchクエリを取得、変更する。

メソッド

項目説明
assign()コンテンツをロードして表示する。
reload()ドキュメントをリロードする。
replace()現在のURLを置換する。

Global

グローバルのオブジェクト、メソッドです。

定数

項目説明
Math数学関数、数学定数を含んだオブジェクト。

Math

定数

項目説明
E数学定数のe、自然対数の底(約2.71828)。
LN10数学定数のlog(e)10、10の自然対数(約2.30258)。
LN2数学定数のlog(e)2、2の自然対数(約0.69314)。
LOG10E10を底とした定数eの対数(約0.43429)。
LOG2E2を底とした定数eの対数(約1.442695)。
PI円周率(約3.14159265)。
SQRT1_2√2の逆数(約0.70710678)。
SQRT2√2(約1.41421356)。

メソッド

項目説明
abs()絶対値を計算する。
acos()逆余弦(アークコサイン)を計算する。
asin()逆正弦(アークサイン)を計算する。
atan()逆正接(アークタンジェント)を計算する。
atan2()X軸から対象点までの角度を計算する。
ceil()端数を切り上げる。
cos()余弦(コサイン)を計算する。
exp()自然対数の底eを指数xで累乗する。
floor()端数を切り捨てる。
log()自然定数を計算する。
max()最大値を返す。
min()最小値を返す。
pow()累乗を計算する。
random()0以上1未満の乱数を返す。
round()端数を四捨五入する。
sin()正弦(サイン)を計算する。
sqrt()平方根を計算する。
tan()正接(タンジェント)を計算する。

イベントハンドラ

Element

項目説明
onblurフォーカスを外した時に発火する。
onchange変更があった時に発火する。
onclickクリックした時に発火する。
oncontextmenuメニューを開く時に発火する。
oncopyコピーした時に発火する。
oncutカットした時に発火する。
ondblclickダブルクリックをした時に発火する。
ondragドラッグ中に発火する。
ondragendドラッグ操作を終了した時に発火する。
ondragenterドラッグ中のマウスポインタが侵入した時に発火する。
ondragleaveドラッグ中のマウスポインタが侵入した時に発火する。
ondragoverドラッグ中のマウスポインタが重なっている時に発火する。
ondragstartドラッグを開始した時に発火する。
onfocusフォーカスした時に発火する。
onhashchangeフラグメント識別子の変更時に発火する。
oninput入力時に発火する。
oninvalid送信の失敗時に発火する。
onkeydownキーを押した時に発火する。
onkeypress印刷可能文字が生成された時に発火する。
onkeyupキーを離した時に発火する。
onload読み込み完了時に発火する。
onmousedownマウスボタンを押した時に発火する。
onmouseenterマウスポインタが侵入した時に発火する。
onmouseleaveマウスポインタが離れた時に発火する。
onmousemoveマウスポインタが動いた時に発火する。
onmouseoutマウスポインタが出た時に発火する。
onmouseoverマウスポインタが乗った時に発火する。
onmouseupマウスボタンを離した時に発火する。
onmousewheel非標準なのでonwheelを使って下さい。
onpasteペースト時に発火する。
onreadystatechangeロードのステータスが変化した時に発火する。
onresetリセットした時に発火する。
onselect選択した時に発火する。
onwheelホイールを回した時に発火する。