IE および FF_Experience 交換での JAVASCRIPT 互換の書き込みレコード

透明 png AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)

有効：オプション。ブール値。フィルターがアクティブかどうかを設定または取得します。 true: デフォルト値。フィルターが有効になりました。 false: フィルターは無効になります。
sizingMethod: オプション。弦。フィルタリングされたオブジェクトの画像がオブジェクト コンテナの境界内にどのように表示されるかを設定または取得します。トリミング: オブジェクトのサイズに合わせて画像をトリミングします。画像: デフォルト値。画像の寸法に合わせてオブジェクトのサイズ境界を増減します。スケール: オブジェクトのサイズ境界内に収まるように画像をスケールします。
ソース: 必須。弦。絶対または相対 URL アドレスを使用して背景画像を指定します。このパラメータを省略した場合、フィルタは効果がありません。

Firefox は innerText をサポートできません
firefox は innerHTML をサポートしますが、innerText はサポートしません。innerText を実装するために textContent をサポートしますが、余分なスペースもデフォルトで保持されます。 textContent が使用されない場合、文字列に HTML コードが含まれていない場合は、代わりに innerHTML を使用できます。

Web コンテンツの選択を禁止します
IE では通常、js が使用されます: obj.onselectstart=function(){return false;}
Firefox は CSS を使用します:- moz- user-select:none

フィルタのサポート (例: 透明度フィルタ)
IE: filter: alpha(opacity=10);
firefox: -moz - opacity:.10;

イベントのキャプチャ
IE: obj.setCapture()、obj.releaseCapture()
Firefox: document.addEventListener("mousemove", Mousemovefunction ,true);
document.removeEventListener("mousemove",mousemovefunction,true);

マウス位置を取得する
IE:event.clientX,event.clientYfirefox: イベント関数はイベント オブジェクトを渡すために必要です
obj.onmousemove=function(ev){
X= ev.pageX;Y=ev.pageY;
}

DIV などの要素の境界の問題
例: div::{width:100px;height:100px;border:#000000 1px Solid;}
の CSS の設定IE: div の幅 (境界線の幅を含む): 100px、div の高さ (境界線の幅を含む): 100px;
Firefox: div 幅 (境界線の幅を含む): 102px、div の高さ (境界線の幅を含む): 102px ;

ブラウザの種類を決定します
var isIE=document.all ? true : false;
変数を書きましたが、document.all 構文をサポートしている場合は isIE=true 、それ以外の場合は isIE=false

さまざまなブラウザでの CSS 処理
通常、! important を使用して css ステートメントの使用を優先できます (Firefox でのみサポートされます)。
例: {border-width:0px ! important;border-width:1px;}
この要素には Firefox では枠線がありませんが、IE では枠線の幅は 1px です

document.formName。 item("itemName") 問題
問題の説明: IE では document.formName.item("itemName") または document.formName.elements ["elementName"] を使用できますが、Firefox では次のことができます。 document.formName.elements[" elementName"] のみを使用してください。
解決策: document.formName.elements["elementName"] を一律に使用します。

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

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

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

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

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

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

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