JavaScriptの使い方・メソッド・プロパティまとめ

workplace IT

HTML/CSSとセットでフロントエンドエンジニア三種の神器のひとつ、JavaScript系の記事まとめです。

Advertisements

ファーストステップ

ログ表示/Console.log(ログに文字列表示)
var(変数の宣言)
HTMLでJSファイル読み込み

windowオブジェクト

alertメソッド(ダイアログメッセージ表示)/とりあえずJavaScriptを動かす
confirmメソッド(確認ダイアログの表示)
setIntervalメソッド(一定時間ごとに処理を実行)

documentオブジェクト

open/writeメソッド(新しいウィンドウを開く/HTMLを描写)
querySelectorメソッド(セレクタから要素を取得)

arrayオブジェクト

arrayオブジェクトの作成(配列の宣言)

Elementオブジェクト(DOM)

DOMとは何か
getElementByIdメソッド(IDから要素を取得)
addEventListenerメソッド(イベントを付与)
innerHTMLメソッド(HTMLの内容を変更)
style.backgroundColorプロパティ(背景色の変更)
getBoundingClientRectメソッド(要素の座標を取得)

canvas

Canvas作成(HTML)
fillRect/fillStyle(図形描画・色の変更)

計算

四則演算/算術演算子について

論理

for/while(ループ処理)
If/else/Switch/Case(条件分岐)

jQuery

jQuery読み込み
show/fadeIn/slideDownメソッド(要素をアニメーションさせながら表示)
stopメソッド(アニメーションを途中で中断・スキップ)
hasClassメソッド(セレクタがクラスを持つ・持たないで条件分岐)
hoverメソッド(マウスカーソルが乗ってる間だけ処理実行)
offsetメソッド(要素の縦、横の位置を取得)

コメント