今更ながらJavaScriptをちょっと齧ってみる。
10年ほど前に買ってあった参考書を引っ張り出し、サンプルを眺めているのだが、なんと動かないサンプルの多い事か。
参考書を買いなおすほど本格的に勉強するつもりはないのでネットを参照しながらちょぼちょぼ進める。
以下のようなサンプルがあったのだが、まともに動かない。
<HTML>
<HEAD>
<TITLE>Sample</TITLE>
</HEAD>
<BODY bgColor="#FFffFF">
<CENTER>
エレメント<BR>
</CENTER>
<FORM>
<INPUT TYPE="button">
<INPUT TYPE="checkbox">
<INPUT TYPE="fileUpload">
<INPUT TYPE="hidden">
<INPUT TYPE="password">
<INPUT TYPE="radio">
<INPUT TYPE="select">
<INPUT TYPE="submit">
<INPUT TYPE="text">
<TEXTAREA>OpenSpace</TEXTAREA>
</FORM>
<SCRIPT Language="JavaScript">
<!--
for(i in document.forms[0].elements) document.write(i+"="+document.forms[0].elements[i].type+"<BR>");
// -->
</SCRIPT>
</BODY>
</HTML>
そもそもIEではtypeの参照でエラーになってるっぽいし、Firefoxとは挙動そのものもが違っている。
いったい「i」には何が入っているんだろうといった感じ。
どうもforeachと同じ感覚で使えるものでは無いっぽい。
調べてみると以下の記事で川俣先生が解説していた。
これは凶悪だっっっ! JavaScriptの"for～in"構文の罠 【▲→川俣晶の縁側→ソフトウェア→技術雑記】
どうも for in 構文は使えるものでは無いらしい。
しかし、ブラウザによって挙動が違うというのは判っていたがこんなにも違いがあるとは・・・。
世のWEBプログラマーの人は大変だ。
0 件のコメント:
コメントを投稿