IE 및 FireFox_javascript 기술에서 Javascript의 다양한 성능에 대한 간략한 분석-JS 튜토리얼-php.cn

IE 및 FireFox_javascript 기술에서 Javascript의 다양한 성능에 대한 간략한 분석

WBOY

풀어 주다： 2016-05-16 17:47:34

원래의

1006명이 탐색했습니다.

1.document.formName.item("itemName") 문제
설명: IE에서는 document.formName.item("itemName") 또는 Firefox에서는 document.formName.elements["elementName"]을 사용할 수 있습니다. document.formName.elements["elementName"]만 사용할 수 있습니다.
해결 방법: document.formName.elements["elementName"]을 균일하게 사용하세요.
컬렉션 클래스 개체 문제
설명: IE에서는 () 또는 []를 사용하여 컬렉션 객체를 얻을 수 있습니다.
해결책: 사용자 정의 속성 문제를 얻으려면 []만 사용할 수 있습니다.
참고: IE에서는 일반 속성을 가져오는 방법을 사용하여 사용자 정의 속성을 얻을 수 있고, getAttribute()를 사용하여 사용자 정의 속성을 얻을 수 있지만, Firefox에서는 getAttribute()만 사용하여 사용자 정의 속성을 얻을 수 있습니다. 🎜>해결책: 통합 getAttribute()를 통해 사용자 정의 속성을 가져옵니다.
4.eval("idName") 문제
설명: IE에서는 eval("idName") 또는 getElementById("idName")를 사용하여 idName HTML 개체로 ID를 가져옵니다. Firefox에서는 ID가 idName인 HTML 개체를 얻으려면 getElementById("idName")만 사용할 수 있습니다.
해결책: HTML 개체를 얻으려면 getElementById("idName")를 균일하게 사용하세요.
5. 변수명이 HTML 객체의 ID와 동일하다는 문제
참고: IE에서는 HTML 객체의 ID를 변수명으로 직접 사용할 수 있습니다. Firefox에서는 문서의 하위 개체를 사용할 수 없습니다. Firefox에서는 HTML 개체의 ID를 IE에서는 사용할 수 없습니다.
해결책: document.idName 대신 document.getElementById("idName")를 사용하십시오. 오류를 줄이려면 동일한 HTML 객체 ID를 가진 변수 이름을 사용하지 않는 것이 가장 좋습니다. 변수를 선언할 때 모호함을 피하기 위해 항상 var를 추가하세요. >7.Input.type 속성 문제
설명: IE의 input.type 속성은 읽기 전용이지만 Firefox에서는 input.type 속성이
9.event.x 및 이벤트입니다. y 문제
참고: IE에서는 짝수 개체에 x, y 속성이 있지만, Firefox에서는 짝수 개체에 pageX, pageY 속성이 있지만 x, y 속성은 없습니다.
해결책: mX(mX = event.x ? event.x : event.pageX;)를 사용하여 IE에서는 event.x를, Firefox에서는 event.pageX를 바꾸세요.
10.event.srcElement 문제
설명: IE에서는 이벤트 객체에 srcElement 속성이 있지만 대상 속성이 없습니다. Firefox에서는 이벤트 객체에 대상 속성이 있지만 srcElement 속성이 없습니다.
해결책: obj를 사용하세요(obj = event.srcElement ? event.srcElement : event.target;) 대신 Firefox의 IE event.srcElement 또는 event.target
13.Frame 문제
다음 프레임을 예로 들어 보겠습니다.

(1) 프레임 개체에 액세스합니다.
IE: window.frameId 또는 window.frameName을 사용하여 이 프레임 개체에 액세스합니다.
Firefox: window.frameName만 사용할 수 있습니다.
또한 IE와 Firefox 모두에서 window.document.getElementById("frameId")를 사용하여 이 프레임 객체에 액세스할 수 있습니다.
(2) 프레임 콘텐츠 전환:
될 수 있습니다. IE와 Firefox 모두에서 사용됩니다. window.document.getElementById("testFrame").src = "xxx.html" 또는 window.frameName.location = "xxx.html"을 사용하여 프레임 내용을 전환하세요.
프레임의 매개변수를 부모 창으로 다시 전달해야 하는 경우 frme의 부모를 사용하여 부모 창에 액세스할 수 있습니다. 예: parent.document.form1.filename.value="Aqing";
14.body 문제
Firefox의 본문은 브라우저에서 본문 태그를 완전히 읽기 전에 존재하지만 IE의 본문은 다음과 같습니다.
예:
Firefox:

코드를 복사하세요 코드는 다음과 같습니다:

IE >