ホームページ  >  記事  >  ウェブフロントエンド  >  IE と FireFox_Experience 交換間の互換性の問題

IE と FireFox_Experience 交換間の互換性の問題

WBOY
WBOYオリジナル
2016-05-16 12:10:291623ブラウズ

window.event

IE: window.event オブジェクトがあります
FF: window.event オブジェクトがありません。イベント オブジェクトは関数に引数として渡すことができます。 onmousemove=doMouseMove(event)
現在のマウス座標

IE:event.x およびevent.y など。
FF:event.pageX およびevent.pageY。
ユニバーサル: どちらにも、event.clientX プロパティとevent.clientY プロパティがあります。
マウスの現在の座標 (およびスクロール バーが回転した距離)

IE:event.offsetX およびevent.offsetY。
FF:event.layerX およびevent.layerY。
タグの x および y 座標位置: style.posLeft および style.posTop

IE: はい。
FF: いいえ。
共通: object.offsetLeft と object.offsetTop。
フォーム

IE の高さと幅: document.body.offsetWidth および document.body.offsetHeight。注: 現時点では、ページには body タグが必要です。
FF: window.innerWidth と window.innerHegiht、document.documentElement.clientWidth と document.documentElement.clientHeight。
共通: document.body.clientWidth および document.body.clientHeight。
イベントを追加

IE: element.attachEvent("onclick", func);。
FF: element.addEventListener("click", func, true)。
一般: element.onclick=func。 onclick イベントを使用することもできますが、onclick と上記 2 つのメソッドの効果は異なります。onclick は 1 つのプロセスのみを実行しますが、attachEvent と addEventListener はプロセスのリスト、つまり複数のプロセスを実行します。例: element.attachEvent("onclick", func1);element.attachEvent("onclick", func2) これにより、func1 と func2 の両方が実行されます。
タグ

IE のカスタム属性: タグ div1 に属性値が定義されている場合、その値は div1.value および div1["value"] によって取得できます。
FF: div1.value および div1["value"] を使用して取得することはできません。
一般: div1.getAttribute("value")。
親ノード、子ノード、削除ノード

IE:parentElement、parement.children、element.romoveNode(true)。
FF:parentNode、parentNode.childNodes、node.parentNode.removeChild(node)。
描画

IE: VML。
FF: SVG。
CSS: 透明

IE: filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF:不透明度:0.6。
CSS: 丸い角

IE: 丸い角はサポートされていません。
FF: -moz-border-radius:4px、または -moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz -border-radius-bottomright:4px;。
CSS: 二重線のバンプボーダー

IE: border:2px outset;。
FF:-moz-border-top-colors: #d4d0c8white;-moz-border-left-colors: #d4d0c8white;-moz-border-right-colors:#404040 #808080;-moz-border-底部の色: #404040 #808080;。​

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。