IE의 js와 firefox의 차이점_기본 지식

1.firefox는 innerText를 지원할 수 없습니다.
Firefox는 innerHTML을 지원하지만 innerText는 지원하지 않습니다. innerText를 구현하기 위해 textContent를 지원하지만 기본적으로 추가 공백도 유지됩니다. textContent를 사용하지 않는 경우 문자열에 HTML 코드가 없으면 innerHTML을 대신 사용할 수 있습니다.

2. 웹 콘텐츠 선택 금지:
일반적으로 IE에서는 js를 사용합니다: obj.onselectstart=function(){return false;}
Firefox는 CSS:-moz-user-select:none

3. 필터 지원(예: 투명 필터):
IE:필터:알파(불투명도=10);
firefox:-moz-opacity:.10;

4. 캡쳐 이벤트:
IE: obj.setCapture(), obj.releaseCapture()
Firefox: document.addEventListener("mousemove",mousemovefunction,true);
document.removeEventListener("mousemove",mousemovefunction,true);

5. 마우스 위치 가져오기:
IE: event.clientX, event.clientY
Firefox: 이벤트 객체를 전달하려면 이벤트 함수가 필요합니다
obj.onmousemove=function(ev){
X=ev.pageX;Y=ev.pageY;
}

6. 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

일반적으로 !important를 사용하여 CSS 문 사용의 우선순위를 지정할 수 있습니다(firefox에서만 지원)
예: {border-width:0px!important;border-width:1px;}
Firefox에서는 이 요소에 테두리가 없습니다. IE에서는 테두리 너비가 1픽셀입니다

문제에 대한 설명: IE에서는 document.formName.item("itemName")을 사용할 수 있고 Firefox에서는 document.formName.elements ["elementName"]만 사용할 수 있습니다. .
해결책: document.formName.elements["elementName"]을 균일하게 사용하십시오.

문제에 대한 설명: IE에서는 () 또는 []를 사용하여 컬렉션 개체를 얻을 수 있지만 Firefox에서는 []만 사용하여 컬렉션 개체를 얻을 수 있습니다.
해결책: 컬렉션 클래스 객체를 얻으려면 []를 균일하게 사용하십시오.

문제 설명: IE에서는 일반 속성을 가져오는 방법을 사용하여 사용자 정의 속성을 얻을 수 있고, getAttribute()를 사용하여 사용자 정의 속성을 얻을 수 있지만, Firefox에서는 getAttribute()만 사용하여 사용자 정의 속성을 얻을 수 있습니다.
해결 방법: getAttribute()를 통해 사용자 정의 속성을 균일하게 가져옵니다.

문제에 대한 설명: IE에서는 eval("idName") 또는 getElementById("idName")를 사용하여 ID가 ​​idName인 HTML 개체를 가져올 수 있습니다. Firefox에서는 getElementById("idName")만 사용하여 ID가 idName 인 HTML 개체입니다.
해결 방법: getElementById("idName")를 균일하게 사용하여 ID가 ​​idName인 HTML 개체를 가져옵니다.

문제 설명: IE에서는 HTML 개체의 ID를 문서의 하위 개체의 변수 이름으로 직접 사용할 수 있지만 Firefox에서는 HTML 개체 ID와 동일한 변수 이름을 사용할 수 없습니다. 하지만 IE에서는 그렇지 않습니다.
해결 방법: document.idName 대신 document.getElementById("idName")를 사용하십시오. 오류를 줄이려면 동일한 HTML 객체 ID를 가진 변수 이름을 사용하지 않는 것이 가장 좋습니다. 변수를 선언할 때 모호함을 피하기 위해 항상 var 키워드를 추가하세요.

문제 설명: Firefox에서는 const 키워드 또는 var 키워드를 사용하여 상수를 정의할 수 있지만 IE에서는 var 키워드만 사용하여 상수를 정의할 수 있습니다.
해결책: 상수를 정의하려면 var 키워드를 균일하게 사용하십시오.

문제에 대한 설명: IE의 input.type 속성은 읽기 전용이지만 Firefox의 input.type 속성은 읽기-쓰기입니다.
해결책: input.type 속성을 수정하지 마십시오. 수정해야 하는 경우 원래 입력을 먼저 숨긴 다음 동일한 위치에 새 입력 요소를 삽입할 수 있습니다.

문제 설명: window.event는 Firefox가 아닌 IE에서만 실행될 수 있습니다. 이는 Firefox의 이벤트가 이벤트가 발생한 장면에서만 사용할 수 있기 때문입니다.
해결책: 이벤트가 발생하는 함수에 이벤트 매개변수를 추가하고, 함수 본문에 var myEvent = evt?evt:(window.event?window.event:null)
을 사용하세요(형식 매개변수가 evt라고 가정). 예: