Javascript 다중 브라우저 호환성 문제 및 Solutions_javascript 기술

CSS 멀티 브라우저 호환성 문제 및 해결 방법

1. document.formName.item(”itemName”) 문제

문제 설명: IE에서 , Firefox에서는 document.formName.item("itemName") 또는 document.formName.elements ["elementName"]을 사용할 수 있으며 document.formName.elements["elementName"]만 사용할 수 있습니다.
해결책: document.formName.elements["elementName"]를 균일하게 사용하세요.

2. 컬렉션 개체 문제

문제 설명: IE에서는 () 또는 []를 사용하여 컬렉션 개체를 얻을 수 있습니다. [ ] 컬렉션 클래스 개체를 가져옵니다.
해결책: 컬렉션 개체를 얻으려면 []를 균일하게 사용하세요.

3. 맞춤 속성 문제

문제 설명: IE에서는 일반 속성을 가져오는 방법을 사용하여 맞춤 속성을 가져오거나 getAttribute()를 사용할 수 있습니다. Firefox에서는 사용자 정의 속성을 얻으려면 getAttribute()만 사용하여 사용자 정의 속성을 얻을 수 있습니다.
해결책: getAttribute()를 통해 사용자 정의 속성을 가져옵니다.

4. eval("idName") 문제

문제 설명: IE에서는 eval("idName") 또는 getElementById("idName")를 사용할 수 있습니다. ID가 idName인 HTML 객체를 얻습니다. Firefox에서는 ID가 idName인 HTML 객체를 얻기 위해 getElementById("idName")만 사용할 수 있습니다.
해결책: getElementById("idName")를 균일하게 사용하여 ID가 ​​idName인 HTML 개체를 가져옵니다.

5. 변수 이름이 HTML 개체의 ID와 동일한 문제

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

6. Const 문제

문제 설명: Firefox에서는 const 키워드 또는 var 키워드를 사용하여 IE에서 상수를 정의할 수 있습니다. var 키워드는 상수를 정의합니다.
해결책: var 키워드를 균일하게 사용하여 상수를 정의하세요.

7. input.type 속성 문제

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

8. Window.event 문제

문제 설명: window.event는 IE에서만 실행되고 Firefox에서는 실행되지 않습니다. 사건 현장에서 사용됐다.
해결책: 이벤트가 발생하는 함수에 이벤트 매개변수를 추가하고 함수 본문에 var myEvent = evt?evt:(window.event?window.event:null)을 사용합니다(형식 매개변수가 evt라고 가정)
예: