ホームページ  >  記事  >  ウェブフロントエンド  >  IE における Javascript のさまざまなパフォーマンスと FireFox_javascript スキルの簡単な分析

IE における Javascript のさまざまなパフォーマンスと FireFox_javascript スキルの簡単な分析

WBOY
WBOYオリジナル
2016-05-16 17:47:34922ブラウズ

1.document.formName.item("itemName") 問題
説明: IE では document.formName.item("itemName") または 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") を一律に使用して、HTML オブジェクトを取得します。
5. 変数名が HTML オブジェクトの ID と同じである問題
注: IE では、HTML オブジェクトの ID を下位の変数名として直接使用できます。 Firefox では、HTML オブジェクトの ID を HTML オブジェクト ID と同じように使用できます。
解決策: document.idName の代わりに document.getElementById("idName") を使用します。エラーを減らすために、変数を宣言するときは常に var を追加してください。
7.Input.type 属性の問題
説明: IE では input.type 属性は読み取り専用ですが、Firefox では input.type 属性は読み取り/書き込み可能です
9.event.x およびイベント。 y の問題
注: IE では、even オブジェクトには x、y 属性がありますが、pageX、pageY 属性はありません。Firefox では、even オブジェクトには pageX、pageY 属性がありますが、x、y 属性はありません。
解決策: IE のevent.x または Firefox のevent.pageX を置き換えるには、mX(mX =event.x ?event.x :event.pageX;) を使用します。
10.event.srcElement の問題
説明: IE では、イベント オブジェクトには srcElement 属性がありますが、target 属性はありません。Firefox では、イベント オブジェクトには target 属性がありますが、srcElement 属性はありません。
解決策: obj (obj =event.srcElement ?event.srcElement :event.target;)
13.フレームの問題
次のフレームを例に挙げます:

(1) フレーム オブジェクトにアクセスします。
IE: このフレーム オブジェクトにアクセスするには、window.frameId または window.frameName を使用します。
Firefox: フレーム オブジェクトにアクセスするには、window.frameName のみを使用します。
さらに、IE と Firefox の両方で window.document.getElementById("frameId") を使用して、このフレーム オブジェクトにアクセスできます。
(2) フレーム コンテンツを切り替えます。 IE と Firefox の両方で使用される window.document.getElementById("testFrame").src = "xxx.html" または window.frameName.location = "xxx.html" を使用してフレームのコンテンツを切り替えます。フレーム内のパラメータを親ウィンドウに戻す必要がある場合は、 frme のparentを使用して親ウィンドウにアクセスできます。例:parent.document.form1.filename.value="Aqing";
14.body の問題
Firefox の本体はブラウザによって完全に読み取られる前に存在しますが、IE の本体は本体タグによって読み取られます。ブラウザによって完全に読み取られるまで存在しません。
例:
Firefox:




コードをコピーします

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