IEのJavaScript CSSとFirefox_JavaScriptスキルの違いの分析-jsチュートリアル-php.cn

IEのJavaScript CSSとFirefox_JavaScriptスキルの違いの分析

WBOY

リリース： 2016-05-16 18:55:52

オリジナル

873 人が閲覧しました

1. Document.formName.item("itemName") の問題
問題の説明: IE では、 document.formName.item("itemName") または document.formName.elements ["elementName" を使用できます。 " ]; Firefox では、document.formName.elements["elementName"] のみ使用できます。
解決策: document.formName.elements["elementName"] を一律に使用します。

2. コレクションオブジェクトに関する問題
問題の説明: IE では () または [] を使用してコレクションオブジェクトを取得できますが、Firefox では [ ] のみを使用できます。コレクションオブジェクトを取得します。
解決策: コレクションオブジェクトを取得するには [] を一律に使用します。

3. カスタム属性の問題
問題の説明: IE では、通常の属性を取得するメソッドを使用してカスタム属性を取得することも、getAttribute() を使用してカスタム属性を取得することもできます。 ; Firefox では、カスタム属性を取得するには getAttribute() のみを使用できます。
解決策: getAttribute() を通じてカスタム属性を取得します。

4. eval("idName") の問題
問題の説明: IE では、eval("idName") または getElementById("idName") を使用して ID を取得できます。 idName HTML オブジェクトとして; Firefox では、idName としての HTML オブジェクトを取得するには getElementById("idName") のみを使用できます。
解決策: getElementById("idName") を一律に使用して、idName の ID を持つ HTML オブジェクトを取得します。

5. 変数名が HTML オブジェクトの ID と同じである問題
問題の説明: IE では、HTML オブジェクトの ID をそのまま使用できます。ドキュメントの下位オブジェクトの変数名。それ以外の場合、Firefox では HTML オブジェクト ID と同じ変数名を使用できますが、IE では使用できません。
解決策: document.idName の代わりに document.getElementById("idName") を使用します。エラーを減らすために、同じ HTML オブジェクト ID を持つ変数名を使用しないことをお勧めします。変数を宣言するときは、あいまいさを避けるために常に var キーワードを追加してください。

6. Const の問題
問題の説明: Firefox では定数を定義するために const キーワードまたは var キーワードを使用できますが、IE では var キーワードのみを使用できます。定数を定義します。
解決策: var キーワードを一律に使用して定数を定義します。

7. input.type 属性の問題
問題の説明: IE の input.type 属性は読み取り専用ですが、Firefox の input.type 属性は読み取り可能です。。
解決策: input.type 属性を変更しないでください。変更する必要がある場合は、最初に元の入力を非表示にしてから、同じ位置に新しい入力要素を挿入します。

8. Window.event の問題
問題の説明: window.event は IE でのみ実行できますが、Firefox では実行できません。これは、Firefox のイベントが Used でのみ実行できるためです。事件現場で。
解決策: イベントが発生する関数にイベントパラメーターを追加し、関数本体で var myEvent = evt?evt:(window.event?window.event:null)
を使用します (仮パラメーターがevt) 例:

コードをコピーコードは次のとおりです:

著者別の最新記事