다음에서는 Internet Explorer 대신 IE를 사용하고, Mozzila Firefox 대신 MF를 사용합니다.
1. document.form.item 문제
(1) 기존 문제:
기존 코드에는 document.formName.item("itemName")과 같이 MF에서 실행할 수 없는 문이 많이 있습니다.
(2)해결책:
대신 document.formName.elements["elementName"]을 사용하세요.
(3)기타
2를 참조하세요
. 2. 컬렉션 개체 관련 문제
(1) 기존 문제:
기존 코드의 많은 컬렉션 클래스 개체는 액세스할 때 ()를 사용하지만 IE는 이를 허용할 수 없습니다.
(2)해결책:
대신 첨자에는 []를 사용하세요. 예: document.forms("formName")는 document.forms["formName"]으로 변경됩니다.
또 다른 예: document.getElementsByName("inputName")(1)은 document.getElementsByName("inputName")[1]로 변경됩니다.
(3) 기타
3. window.event
(1) 기존 문제:
window.event를 사용하여 MF에서 작동하지 않습니다.
(2)해결책:
MF의 이벤트는 이벤트가 발생한 현장에서만 사용할 수 있으며, 이 문제는 아직 해결되지 않았습니다. 다음과 같이 변경할 수 있습니다.
원본 코드(IE에서 실행 가능):
<input type="button" name="someButton" value="Submit" onclick="javascript:gotoSubmit()"/>
...
<스크립트 언어="자바스크립트">
함수 gotoSubmit() {
...
경고(window.event); //window.event를 사용합니다.
...
}
</script>
새 코드(IE 및 MF에서 실행 가능):
<input type="button" name="someButton" value="Submit" onclick="javascript:gotoSubmit(event)"/>
...
<스크립트 언어="자바스크립트">
함수 gotoSubmit(evt) {
evt = evt ? evt : (window.event ? window.event : null);
...
경고(evt); // evt를 사용합니다.
...
}
</script>
또한 새 코드의 첫 번째 줄이 변경되지 않고 이전 코드와 동일하면(즉, gotoSubmit 호출이 매개변수를 제공하지 않음) 여전히 IE에서만 실행되지만 오류는 발생하지 않습니다. 따라서 이 솔루션의 tpl 부분은 여전히 이전 코드와 호환됩니다.
4. HTML 객체의 id를 객체명으로 사용하는 문제
(1) 기존 문제
IE에서는 HTML 객체의 ID를 문서의 하위 객체의 변수 이름으로 직접 사용할 수 있습니다. MF에서는 불가능합니다.
(2)해결책
개체 변수로 idName 대신 getElementById("idName")를 사용하세요.
5. idName 문자열을 사용하여 객체를 얻는 데 문제가 있습니다.
(1) 기존 문제
IE에서는 eval(idName)을 사용하여 ID가 idName인 HTML 객체를 가져올 수 있지만 MF에서는 그렇지 않습니다.
(2)해결책
eval(idName) 대신 getElementById(idName)를 사용하세요.
6. 변수명이 HTML 객체의 ID와 동일하게 나타나는 문제
(1) 기존 문제
MF에서는 HTML 객체 이름으로 객체 ID를 사용하지 않기 때문에 HTML 객체 ID와 동일한 변수 이름을 사용할 수 있지만 IE에서는 사용할 수 없습니다.
(2)해결책
변수를 선언할 때 모호함을 피하기 위해 항상 var를 추가해야 IE에서 정상적으로 실행될 수 있습니다.
또한 오류를 줄이기 위해 HTML 개체 ID와 동일한 변수 이름을 사용하지 않는 것이 가장 좋습니다.
(3)기타
질문 4를 참조하세요
. 7. Event.x 및 event.y 문제
(1) 기존 문제
IE에서는 이벤트 객체에 x, y 속성이 있지만 MF에는 없습니다.
(2)해결책
MF에서 event.x에 해당하는 것은 event.pageX입니다. 그러나 IE에서는 event.pageX를 사용할 수 없습니다.
따라서 event.x 대신 event.clientX가 사용됩니다. 이 변수는 IE에도 존재합니다.
event.clientX와 event.pageX(전체 페이지에 스크롤 막대가 있는 경우) 사이에는 미묘한 차이가 있지만 대부분 동일합니다.
완전히 동일해지기를 원한다면 조금 더 어려움을 겪을 수 있습니다.
mX = 이벤트.x ? 이벤트.x : 이벤트.페이지X;
그런 다음 event.x 대신 mX를 사용하십시오.
(3)기타
event.layerX는 IE와 MF 모두에 존재하며 구체적인 의미가 다른지는 아직 테스트되지 않았습니다.
8. 프레임 정보
(1) 기존 문제
IE에서는 window.testFrame을 사용하여 프레임을 얻을 수 있지만 mf에서는 얻을 수 없습니다.
(2)해결책
프레임 사용에 있어 mf와 ie의 주요 차이점은 다음과 같습니다.
프레임 태그에 다음 속성이 기록된 경우:
<frame src="xx.htm" id="frameId" name="frameName" />
즉, id 또는 name을 통해 이 프레임에 해당하는 창 개체에 액세스할 수 있는 반면, mf는 이름을 통해 이 프레임에 해당하는 창 개체에만 액세스할 수 있습니다. 예를 들어 위의 프레임 태그가 상단 창 내부의 htm에 기록된 경우 이렇게 접근할 수 있어요
즉, 이 창 개체에 액세스하려면 window.top.frameId 또는 window.top.frameName을 사용하세요.
mf: 이 창 개체는 window.top.frameName을 통해서만 액세스할 수 있습니다.
또한 mf와 ie 모두에서 window.top.document.getElementById("frameId")를 사용하여 프레임 태그와 window.top.document에 액세스할 수 있습니다. . getElementById("testFrame").src = 'xx.htm'을 사용하여 프레임 내용을 전환할 수도 있으며, window.top.frameName.location = 'xx.htm'을 사용하여 프레임 내용을 전환할 수도 있습니다. 프레임 및 창에 대한 설명, bbs '창 및 프레임' 기사 및 /test/js/test_frame/ 디렉토리 아래의 테스트를 참조하세요.
----adun 2004.12.09 수정
9. mf에서는 자신이 정의한 속성을 getAttribute()로 얻어야 합니다.
10. mf에는 parentElement parement.children이 없지만 다음을 사용합니다.
parentNode parentNode.childNodes
IE와 MF에서는 childNodes의 첨자의 의미가 다릅니다. MF는 DOM 사양을 사용하며 빈 텍스트 노드가 childNodes에 삽입됩니다.
일반적으로 이 문제는 node.getElementsByTagName()을 통해 피할 수 있습니다.
html에서 노드가 누락되면 IE와 MF는 parentNode를 다르게 해석합니다. 예를 들어
<양식>
<테이블>
<입력/>
</table>
</form>
MF의 input.parentNode 값은 form인 반면, IE의 input.parentNode 값은 빈 노드입니다.
MF의 노드에는 다음 메소드 node.parentNode.removeChild(node)를 사용해야 합니다
. .const 문제
(1) 기존 문제:
IE에서는 const 키워드를 사용할 수 없습니다. const constVar = 32; 이는 IE의 구문 오류입니다.
(2)해결책:
const를 사용하지 말고 대신 var를 사용하십시오.
12. 몸체 개체
MF의 본문은 브라우저가 본문 태그를 완전히 읽기 전에 존재하지만 IE는 본문을 완전히 읽은 후에 존재해야 합니다
.
js에서 URL을 작성하는 경우 "don't write"라고 작성하면 됩니다. 예를 들어 var url = 'xx.jsp?objectName=xx&objectEvent=xxx';
frm.action = url이면 url이 정상적으로 표시되지 않고, 매개변수가 서버에 제대로 전송되지 않을 가능성이 높습니다. 일반적으로 서버에서는 매개변수를 찾을 수 없다는 오류를 보고합니다. 물론 예외입니다. tpl이 xml 사양을 준수하고 요구사항 &가 &로 작성되었기 때문에 tpl에 있는 경우입니다.
일반적으로 MF는 js에서 &
14. nodeName 및 tagName 문제
(1) 기존 문제:
MF에서는 모든 노드에 nodeName 값이 있지만 textNode에는 tagName 값이 없습니다. IE에서 nodeName을 사용하는 방법은 다음과 같습니다.
문제가 있습니다(구체적인 상황을 테스트하지는 않았지만 IE가 여러 번 종료되었습니다).
(2)해결책:
tagName을 사용하되 비어 있는지 감지해야 합니다.
15. 요소 속성
input.type 속성은 IE에서는 읽기 전용이지만 MF에서는 수정할 수 있습니다.
16. document.getElementsByName() 및 document.all[name] 관련 문제
(1) 기존 문제:
IE에서는 getElementsByName() 및 document.all[name]을 사용하여 div 요소를 얻을 수 없습니다(얻을 수 없는 다른 요소가 있는지는 알 수 없음).