Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Kompatibilitätsprobleme zwischen IE und FireFox_Experience Exchange

WBOY
Freigeben: 2016-05-16 12:10:29
Original
1685 Leute haben es durchsucht

window.event

IE: Es gibt ein window.event-Objekt
FF: Es gibt kein window.event-Objekt. Ereignisobjekte können als Argumente an Funktionen übergeben werden. Zum Beispiel onmousemove=doMouseMove(event)
Aktuelle Mauskoordinaten

IE: event.x und event.y.
FF: event.pageX und event.pageY.
Universell: Beide haben die Eigenschaften event.clientX und event.clientY.
Die aktuellen Koordinaten der Maus (plus die Distanz, die die Bildlaufleiste zurückgelegt hat)

IE: event.offsetX und event.offsetY.
FF: event.layerX und event.layerY.
Die x- und y-Koordinatenpositionen des Tags: style.posLeft und style.posTop

IE: Ja.
FF: Nein.
Gemeinsam: object.offsetLeft und object.offsetTop.
Höhe und Breite des Formulars

IE: document.body.offsetWidth und document.body.offsetHeight. Hinweis: Die Seite muss zu diesem Zeitpunkt über ein Body-Tag verfügen.
FF: window.innerWidth und window.innerHegiht und document.documentElement.clientWidth und document.documentElement.clientHeight.
Gemeinsam: document.body.clientWidth und document.body.clientHeight.
Ereignis hinzufügen

IE: element.attachEvent("onclick", func);.
FF: element.addEventListener("click", func, true).
Allgemein: element.onclick=func. Obwohl das OnClick-Ereignis verwendet werden kann, sind die Auswirkungen von OnClick und den beiden oben genannten Methoden unterschiedlich. OnClick führt nur einen Prozess aus, während AttachEvent und AddEventListener eine Prozessliste, also mehrere Prozesse, ausführen. Zum Beispiel: element.attachEvent("onclick", func1);element.attachEvent("onclick", func2), sodass sowohl func1 als auch func2 ausgeführt werden.
Benutzerdefinierte Attribute des Tags

IE: Wenn ein Attributwert für das Tag div1 definiert ist, kann der Wert durch div1.value und div1["value"] ermittelt werden.
FF: Kann nicht mit div1.value und div1["value"] abgerufen werden.
Allgemein: div1.getAttribute("value").
Übergeordneter Knoten, untergeordneter Knoten und Löschknoten

IE: parentElement, parement.children, element.romoveNode(true).
FF: parentNode, parentNode.childNodes, node.parentNode.removeChild(node).
Zeichnen

IE: VML.
FF: SVG.
CSS: Transparent

IE: filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60).
FF:Deckkraft:0,6.
CSS: Abgerundete Ecken

IE: Abgerundete Ecken werden nicht unterstützt.
FF: -moz-border-radius:4px, oder -moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz -border-radius-bottomright:4px;.
CSS: Doppellinien-Bump-Rand

IE: border:2px outset;.
FF:-moz-border-top-colors: #d4d0c8 weiß;-moz-border-left-colors: #d4d0c8 weiß;-moz-border-right-colors:#404040 #808080;-moz-border- Untere Farben: #404040 #808080;.​

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage