勉強したことのメモ

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

  関連記事

javascript_logo_unofficial-300x300
ページのリロード、ページの戻る

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

javascript_logo_unofficial-300x300
JavaScriptで特定の範囲内から整数値を、数値が被らずにランダムに取り出す

やりたかったのは1位から20位のランキング内で JavaScriptを用いてラン ...

mzl.qobqfuxq
GoogleMapでメインカラーを変更する方法

GoogleMapAPIを用いたMAPでカラー変更をしたかった。カラーコードの指 ...

javascript_logo_unofficial-300x300
リンク部分にマウスオーバーでツールチップを表示(nicetitles.js)

既存のソースにて見たことの無いプラグインが 使われていたのでメモ。 ■参考 ht ...

javascript_logo_unofficial-300x300
alert後にページ遷移

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

jquery_logo
javascriptやjQueryで画像を書き換えても変わらない場合

けっこう前に画像をアップロードしてリアルタイムに プレビューする機能を作った時に ...

javascript_logo_unofficial-300x300
table内のiframeのheightを最大高さにする

tableのtdの中にリンクがあり、クリックすると td内でiframeが開く。 ...

javascript_logo_unofficial-300x300
JavaScriptで年齢計算

JavaScriptで年齢計算。 ■ソース function ageCalcul ...

javascript_logo_unofficial-300x300
javascriptで画像を取り扱う際の注意

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

javascript_logo_unofficial-300x300
JavaScriptの三項演算子

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