IE와 FireFox_javascript 기술 간의 호환성 문제 분석

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의 효과는 위의 두 메서드와 다릅니다. onclick은 하나의 프로세스만 실행하는 반면, attachmentEvent와 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(노드).


IE: VML을 그립니다.
FF: SVG.
CSS: 투명

IE: 필터: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 -경계 반경-오른쪽 아래:4px;.
CSS: 이중선 범프 테두리

IE: border:2px outset;.
FF：-moz-border-top-colors: #d4d0c8 흰색;-moz-border-left-colors: #d4d0c8 흰색;-moz-border-right-colors:#404040 #808080;-moz-border- 하단 색상: #404040 #808080;.