2008-09-12
JavaScriptの動かないコード (JavaScriptエラー集)
javascript, 連載記事の目次, 動かないコード | |
「このJavaScriptコードが動かないのは,なぜですか?」というミニクイズ集。
すべて制限時間は1分。
別名,JavaScriptのエラー事典。またはアンチパターンのまとめ。
連載目次
中級編
JavaScriptの仕様関連
- p要素への appendChild() で失敗する
- かけ算を間違える
- イベントハンドラが見る値のエラー
- クロージャを使わない場合に起きるエラー
- オブジェクトのprototypeを変更した時のエラー
- 正規表現で同じ文字の連続を検出したい - 置換前パターン中での後方参照
- jsonオブジェクトをevalできないエラー
- 不要なイベントが連鎖で発生してしまう (バブリングの対処)
- オブジェクトのプロパティ定義にthisを使って失敗するエラー
- setTimeoutのタイマーが指定時刻に動かないエラー
- オブジェクトのメソッドを変数代入でコピーできない
- innerHTMLを追記するとイベントハンドラが消える
- nullが0以上0以下と認識されてしまう
- 文字数のカウントに失敗する
- "インターネットサイト を開けません。操作は中断されました。"
- Ajax読み込み時に「80020101」のエラー
- テーブルに行追加できない
- selectの中味を書き換えるときのエラー
- evalでfunctionを作る時のエラー
- scriptタグの中味を動的に書き換えた時のエラー
- splitで文字列を分割する時のエラー
- cloneNodeで選択状態が変わるエラー
- innerHTMLに閉じタグを書き込む時のエラー
- Ajax読み込み時に「システムエラー -1072896658」
- 動的追加したイベントの実行順序 ( addEventListener vs attachEvent )
- イベントハンドラに同じ関数を2回以上追加したい
- DOMで子要素を指定する際のエラー
- onKeydownイベントが認識されない
- イベントの詳細情報を第一引数で取得できない
- iframe内にDOMアクセスできないエラー
- iframe内のDOM要素を別フレームにコピーできないエラー
- IEでスコープチェインにdocumentが補完されるように見える不思議
- clickイベントを強制的に発生させたい (fireEvent/createEventの使い方)
- イベント強制発生までの遅延時間をなくしたい
- ラジオボタンとプルダウンのonchangeイベントがおかしい
- 重いページで,onloadのイベントリスナが実行されない
初級編
文法関連
- カウンターのエラー
- DOMアクセスできない
- if文の分岐がおかしい
- 関数に配列を渡すときのエラー
- 配列とオブジェクトの宣言エラー
- with文にまつわるエラー
- 関数が返り値を return できないエラー (セミコロンの罠)
関数関連
- 数値判定の方法・・・入力値が有効な整数かどうかチェック
- イベントハンドラを動的に追加できない / DOM要素の取得ができない
- parseIntで返り値が0になるエラー
- switch文で,数値以外の変数を評価した時のエラー
番外編
(一部にバッドノウハウを含むかもしれないが,)大部分は,自分自身がWebアプリケーションの開発に携わっている際に実際に遭遇し,悩まされたエラーである。
リンク元
- 239 http://www.google.co.jp/search?hl=ja&q=javascript+エラー&lr=
- 161 http://www.google.co.jp/search?q=javascript+エラー&sourceid=navclient-ff&ie=UTF-8&rlz=1B3GGGL_jaJP232JP232
- 159 http://www.google.co.jp/search?q=javascript+動かない&hl=ja&rls=GGLG,GGLG:2006-21,GGLG:ja&sa=2
- 152 http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rlz=1T4GGIH_jaJP276JP276&q=java+script+エラー
- 143 http://search.yahoo.co.jp/search?p=javascript+エラー&ei=UTF-8&meta=vc=&fl=0&pstart=1&fr=bb_top_v2&b=11&qrw=0
- 120 http://www.google.co.jp/search?hl=ja&q=javascript+動かない&lr=
- 90 http://www.google.co.jp/url?sa=t&rct=j&q=&esrc=s&source=web&cd=2&ved=0CEMQFjAB&url=http://d.hatena.ne.jp/language_and_engineering/20080912/1221297779&ei=sfl7T_jjJazKmQX24NiLDA&usg=AFQjCNGwktQG9wezCVH0GOc3e3vaeO7p3Q&sig2=HGjXskHZTxBtWPJN00nAjQ
- 83 http://search.yahoo.co.jp/search?p=JAVASCRIPT+動かない&search.x=1&fr=top_ga1&tid=top_ga1&ei=UTF-8
- 80 http://www.facebook.com/l.php?u=http://d.hatena.ne.jp/language_and_engineering/20080912/1221297779&h=YAQAHGmQAAQA5n5hWVDz0OSsGoTg8Fb5h8hBk4_ficH-TBw
- 75 http://www.google.co.jp/search?hl=ja&source=hp&q=javascript+エラー&lr=&aq=4&oq=