LoginSignup
10
10

More than 5 years have passed since last update.

javascriptをちゃんと学ぶ

Last updated at Posted at 2015-05-24

最近はもはやHTML、CSS、jQueryしか書いていないので、
プログラミングできない子状態になっっている。

モチベーションと時間が足りないんですよ、ええ・・

モチベーションと時間のうち、とりあえずモチベーションを保つためにcodecademyで勉強を始めた。

組み込みメソッド

decodeURI(), decodeURIComponent()

文字列をデコードする

encodeURI(), encodeURIComponent()

文字列をエンコードする

escape()

文字列をエスケープする

eval()

文字列をjavascriptとして「評価」する

isFinite()

数値が有限かどうか調べる

isNaN()

Not a Number であるか調べる

parseFloat()

文字列を少数に変換する

parseInt()

文字列を数値へ変換する

unescape()

エスケープされた文字列をデコードする

addEventListener()

イベントリスナーを設定する

alert()

メッセージとOKボタンのみのダイアログを表示する

prompt()

  • ウィンドウに文字入力ダイアログを表示
  • OKボタンを押すと入力した文字列を返す
  • キャンセルボタンを押すとnullを返す

confirm()

  • ウィンドウに確認ダイアログを表示
  • OKボタンを押すとtrueを返す
  • キャンセルボタンを押すとfalseを返す

blur()

ウィンドウからフォーカスを外す

clearInterval()

定期実行タイマーをクリアする

clearTimeout()

自動実行タイマーをクリアする

close()

子ウィンドウを閉じる

focus()

ウィンドウにフォーカスを当てる

moveBy()

指定したピクセル分だけウィンドウを移動する

moveTo()

指定した座標へウィンドウを移動する

open()

ウィンドウを新しく開く

print()

印刷ダイアログを表示する

removeEventListener()

イベントリスナーを削除する

resizeBy()

ウィンドウを指定したサイズに変更する

resizeTo()

ウィンドウを指定したサイズに変更する

scrollBy()

指定したピクセル数だけウィンドウをスクロールする

scrollTo()

指定した位置へウィンドウをスクロールする

setInterval()

定期実行タイマーを設定する

setTimeout()

自動実行タイマーを設定する

substring()

  • 文字列から特定の箇所の文字列を抽出する為のメソッド
javascript

//第一引数には抽出する箇所の開始位置を指定
"wonderful day".substring(3); //"nderful day"

//第二引数には抽出する箇所の終了位置を指定
//※ 第一引数より大きい値を指定しなくてはならない
"wonderful day".substring(10, 13); //"day"


プロパティ

.length

  • 文字列の長さを返すプロパティ
javascript

var str = "文字列だよ";
str.length; //5

イベントタイプ一覧

主なイベントタイプをまとめました。

マウス操作関連

種類 概要
onclick     クリックされた
ondblclick ダブルクリックされた
onmousedown マウスのボタンが押された
onmousemove マウスカーソルが動いた
onmouseout マウスカーソルが外れた
onmouseove マウスカーソルが乗った
onmouseup マウスのボタンが離れた

キー操作関連

種類 概要
onkeydown   キーが押された
onkeypress キーが押されて元の状態に戻った
onkeyup キーが元の状態に戻った

フォーム操作関連

種類 概要
onreset リセットが行われた
onsubmit データの送信が始まった
onblur フォーカスが外れた
onfocus フォーカスされた
onchange 値が変更された
onselect 選択された

データ読み込み関連

種類 概要
onload データの読み込みが完了した
onunload ページの遷移が始まった
onabort データの読み込みが中断された
onerror データの読み込み時にエラーが発生した

ウィンドウ操作関連

種類 概要
onresize ウィンドウのサイズが変更された
onscroll ウィンドウがスクロールした

【参考】JavaScriptリファレンス

javascriptリファレンス

 

10
10
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
10
10