勉強したことのメモ

webプログラマ見習いが勉強したことのメモ。

javascriptの注意点

      2014/07/03

javascriptにてチェックボックスのチェック状況をチェックを
ループでまわして確認した際、チェックボックス自体が1個だけの
場合はundefinedになる場合がある。

function delete_check(){
chkvalue = "";
for(i=0 ; i<document.form.mailCode.length ; i++){
if(document.form.mailCode[i].checked){
chkvalue += "\n\t" + document.form.mailCode[i].value;
}
}
if(chkvalue == ''){
alert('選択されていません。');
}else{
if(confirm('削除してよろしいですか?')){
document.form.submit();
}else{
return false;
}
}
}

jQueryで確認していくことで直った。

あとグローバル変数とローカル変数について、ちゃんと理解して
いなかったのでメモ。

■ローカル変数
関数内でvarで宣言したらローカル変数。
また、関数内でfunctionを作ったらそれはローカル関数。
関数内でのみ有効になる。
メモリリーク防止になる。

■グローバル関数
関数の外でvar宣言をする。
もしくはvarをつけずに変数宣言を行う。
どこでも使えるので便利。ただ、よそで使うことが無ければ
余計にメモリを食うだけ。

尚、何でかわからないけどIE8のみエラーが発生する、

というケースにあたり、調べたところIE8以下は対応していない

イベントハンドラだった(addEventListener)。

javascriptに限ったことでもブラウザに限ったことでもないが、

こういったケースもあるということを認識しておく。

 - JavaScript

  関連記事

highcharts.jsについて

プログラムの作りかえを行う際、既存のソースで highcharts.jsを使って ...

GoogleMapで半径●メートルを範囲表示

GoogleMapでマーカーを立てて、そこから範囲●mもしくは●kmを円で表示さ ...

画像をドラッグ&ドロップでアップロード

■2015/04/15追記 以下記事の方が新しくて詳しい。 http://tai ...

ページのリロード、ページの戻る

ブラウザのリロードと同じようなボタンを作成してほしいとの 要望があって色々あった ...

alert後にページ遷移

JavaScriptのalertが閉じたらページ遷移させてほしいと言われ、con ...

JavaScriptでAjaxを使わずにクロスドメインから変数を取得する

JavaScriptの配列形式で出力するファイルを作成しておき、 動的にソースに ...

JavaScriptの三項演算子

いつもと違う書き方? 使い方の三項演算子が あったのでメモ。 ■ソース var ...

GoogleMapAPIで現在地取得と目的地までのルート表示

GoogleMapAPIを使って現在地を取得しつつ、目的地までのルートを表示させ ...

highcharts.jsで棒グラフと折れ線グラフを1つのグラフに入れる

やりたかった事は、 ・棒グラフと折れ線グラフを入れたい ・Y軸はそれぞれ違う値に ...

javascriptで画像を取り扱う際の注意

javascriptで画像を取り扱う際に、 ちゃんと要素を指定しているのにも関わ ...