FF IE 互換性_JavaScript スキルの変更の概要

1. HTML タグが $(id) または getElementById という 2 つのメソッドを使用して値を取得する場合、IE および FF と互換性を持たせるために id 属性をタグに追加する必要があります。たとえば、$(mobile): id 属性を指定せずにモバイル入力を入力すると、変数は FF で未定義として報告されます。
2 のフォーム フォームのラベル オブジェクトを取得します。互換性を維持するには、formMain.item を document.formName.item に変更する必要があります。
たとえば、form1.webUrl は document.form1.webUrl に変更されます。
フォームが関数にパラメータとして渡される場合は、search(formMain) を search(document.formMain) に変更するなど、「document.」も追加する必要があります。
3. obj を使用してカスタム属性を取得します。 html のattributeName が obj.getAttribute("attributeName") に変更された場合、IE および FF と互換性があります。
obj.attributeName に従って非カスタム属性を取得できます。
例: このタグの checkValue 属性は、obj.getAttribute("checkValue") を使用して取得する必要があります。タイプなどの他の属性とのみ互換性があります。
4. FF と IE では eval 関数の使い方が異なりますが、FF では eval のパラメータとして使用することはできません。 IEでも使えます。 eval を使用する必要がある場合は、代わりに他のメソッドを探してみてください。
例: eval("msg_" textbox.name ".className='wrong'");
"msg_" textbox.name ".className='wrong'" は、IE の eval のパラメーターとして使用されます。 FF で実行すると、"msg_" textbox.name が報告されます。これは、
document.getElementById("msg_) に変更する必要があります。 " textbox.name).className='wrong';
5. FF で例外が発生した場合、スタイル内の表示属性ブロックが空になる可能性があります。たとえば、item.style.display="block" は変更できます。 item.style.display=""
例: $("divType4").style.display="block";
$("divType4").style.display=""; に変更されます。 🎜>6. もう 1 つ追加します。ラベルは FF の IE とは異なるようです。同じです。たとえば、次のコード:

Adult

person Child

人
* span>
td>このように書くと、FF で入力すると、子供のカーソルは常に大人に移動しますが、IE ではそうではありません。

大人
人 label> td>
子供 人 label> td> ラベルの位置に注意してください。1 つは 2 つの入力の外側にあり、もう 1 つは入力の外側にあります。
FF のラベル label には 2 つの入力のラベルを含めることはできませんか? ? ?
別の場所があります。コードは次のとおりです:



州 select>
市 select>
select>
* span> td>このコードは 2 番目と 3 番目の選択です。最初の選択に移動する必要がありますが、選択されているので表示されませんが、上記の入力は表示されます。また、この問題は IE では正常です。これも私が上で言ったことを説明していると思います。