Javascript 멀티 브라우저 호환성 요약(실습)_javascript 기술
- WBOY원래의
- 2016-05-16 17:18:071154검색
1. Document.formName.item("itemName") 문제
문제 설명: IE에서는 document.formName.item("itemName") 또는 document.formName.elements["elementName을 사용할 수 있습니다. " ]; Firefox에서는 document.formName.elements["elementName"]만 사용할 수 있습니다.
해결책: document.formName.elements["elementName"]를 균일하게 사용하세요.
2. 컬렉션 개체 문제
문제 설명: IE에서는 () 또는 []를 사용하여 컬렉션 개체를 얻을 수 있지만, Firefox에서는 [ ]만 사용할 수 있습니다. 컬렉션 개체를 얻습니다.
해결책: 컬렉션 개체를 얻으려면 []를 균일하게 사용하세요.
3. 맞춤 속성 문제
문제 설명: IE에서는 일반 속성을 가져오는 방법을 사용하여 맞춤 속성을 가져오거나, getAttribute()를 사용하여 맞춤 속성을 가져올 수 있습니다. ;Firefox에서는 사용자 정의 속성을 얻기 위해 getAttribute()만 사용할 수 있습니다.
해결책: getAttribute()를 통해 사용자 정의 속성을 가져옵니다.
4. eval("idName") 문제
문제 설명: IE에서는 eval("idName") 또는 getElementById("idName")를 사용하여 ID를 얻을 수 있습니다. idName HTML 개체로, Firefox에서는 getElementById("idName")를 사용하여 id가 idName인 HTML 개체만 얻을 수 있습니다.
해결책: getElementById("idName")를 균일하게 사용하여 ID가 idName인 HTML 개체를 가져옵니다.
5. 변수명이 HTML 객체의 ID와 동일하게 나타나는 문제
문제 설명: IE에서는 HTML 객체의 ID를 그대로 사용할 수 있습니다. Firefox에서는 문서의 하위 개체의 변수 이름입니다. 그렇지 않으면 Firefox에서는 HTML 개체 ID와 동일한 변수 이름을 사용할 수 있지만 IE에서는 사용할 수 없습니다.
해결 방법: document.idName 대신 document.getElementById("idName")를 사용하세요. 오류를 줄이려면 동일한 HTML 객체 ID를 가진 변수 이름을 사용하지 않는 것이 가장 좋습니다. 변수를 선언할 때 모호함을 피하기 위해 항상 var 키워드를 추가하세요.
6. Const 문제
문제 설명: Firefox에서는 const 키워드 또는 var 키워드를 사용하여 IE에서 상수를 정의할 수 있습니다. 상수를 정의합니다.
해결책: var 키워드를 균일하게 사용하여 상수를 정의하세요.
7. input.type 속성 문제
문제 설명: IE의 input.type 속성은 읽기 전용이지만 Firefox의 input.type 속성은 읽기 전용입니다. 쓰다.
해결책: input.type 속성을 수정하지 마세요. 수정해야 하는 경우 원래 입력을 먼저 숨긴 다음 동일한 위치에 새 입력 요소를 삽입할 수 있습니다.
8. Window.event 문제
문제 설명: window.event는 IE에서만 실행할 수 있고 Firefox에서는 실행할 수 없습니다. 이는 Firefox의 이벤트가 다음 위치에서만 실행될 수 있기 때문입니다. 사건 현장.
해결책: 이벤트가 발생하는 함수에 이벤트 매개변수를 추가하고 함수 본문에 var myEvent = evt?evt:(window.event?window.event:null)을 사용합니다(형식 매개변수가 evt라고 가정)
예 :
<입력 유형= "button" onclick=" doSomething(event)"/>
문제 설명: IE에서는 document.formName.item("itemName") 또는 document.formName.elements["elementName을 사용할 수 있습니다. " ]; Firefox에서는 document.formName.elements["elementName"]만 사용할 수 있습니다.
해결책: document.formName.elements["elementName"]를 균일하게 사용하세요.
2. 컬렉션 개체 문제
문제 설명: IE에서는 () 또는 []를 사용하여 컬렉션 개체를 얻을 수 있지만, Firefox에서는 [ ]만 사용할 수 있습니다. 컬렉션 개체를 얻습니다.
해결책: 컬렉션 개체를 얻으려면 []를 균일하게 사용하세요.
3. 맞춤 속성 문제
문제 설명: IE에서는 일반 속성을 가져오는 방법을 사용하여 맞춤 속성을 가져오거나, getAttribute()를 사용하여 맞춤 속성을 가져올 수 있습니다. ;Firefox에서는 사용자 정의 속성을 얻기 위해 getAttribute()만 사용할 수 있습니다.
해결책: getAttribute()를 통해 사용자 정의 속성을 가져옵니다.
4. eval("idName") 문제
문제 설명: IE에서는 eval("idName") 또는 getElementById("idName")를 사용하여 ID를 얻을 수 있습니다. idName HTML 개체로, Firefox에서는 getElementById("idName")를 사용하여 id가 idName인 HTML 개체만 얻을 수 있습니다.
해결책: getElementById("idName")를 균일하게 사용하여 ID가 idName인 HTML 개체를 가져옵니다.
5. 변수명이 HTML 객체의 ID와 동일하게 나타나는 문제
문제 설명: IE에서는 HTML 객체의 ID를 그대로 사용할 수 있습니다. Firefox에서는 문서의 하위 개체의 변수 이름입니다. 그렇지 않으면 Firefox에서는 HTML 개체 ID와 동일한 변수 이름을 사용할 수 있지만 IE에서는 사용할 수 없습니다.
해결 방법: document.idName 대신 document.getElementById("idName")를 사용하세요. 오류를 줄이려면 동일한 HTML 객체 ID를 가진 변수 이름을 사용하지 않는 것이 가장 좋습니다. 변수를 선언할 때 모호함을 피하기 위해 항상 var 키워드를 추가하세요.
6. Const 문제
문제 설명: Firefox에서는 const 키워드 또는 var 키워드를 사용하여 IE에서 상수를 정의할 수 있습니다. 상수를 정의합니다.
해결책: var 키워드를 균일하게 사용하여 상수를 정의하세요.
7. input.type 속성 문제
문제 설명: IE의 input.type 속성은 읽기 전용이지만 Firefox의 input.type 속성은 읽기 전용입니다. 쓰다.
해결책: input.type 속성을 수정하지 마세요. 수정해야 하는 경우 원래 입력을 먼저 숨긴 다음 동일한 위치에 새 입력 요소를 삽입할 수 있습니다.
8. Window.event 문제
문제 설명: window.event는 IE에서만 실행할 수 있고 Firefox에서는 실행할 수 없습니다. 이는 Firefox의 이벤트가 다음 위치에서만 실행될 수 있기 때문입니다. 사건 현장.
해결책: 이벤트가 발생하는 함수에 이벤트 매개변수를 추가하고 함수 본문에 var myEvent = evt?evt:(window.event?window.event:null)을 사용합니다(형식 매개변수가 evt라고 가정)
예 :
코드 복사 코드는 다음과 같습니다.
<입력 유형= "button" onclick=" doSomething(event)"/>