1. document.formname.Item ( "ItemName") 문제 설명 : 즉, document.formname.Item ( "itemName") 또는 docum document.formname.item ( "itemname") 또는 document.formname.elements [ "elementname"]; hoord.formname.item ( "intemname") 만 사용할 수 있습니다. . 2. 컬렉션 클래스 객체의 문제에 대한 설명 : 즉, () 또는 []를 사용하여 Collection Class 객체를 얻을 수 있습니다. 3. 사용자 정의 속성 문제 설명 : IE에서는 정기적 인 속성을 얻기 위해 사용자 정의 속성을 얻거나 getAttribute ()를 사용하여 Firefox에서 사용자 정의 속성을 얻을 수 있습니다. . 4. 평가 ( "idname") 문제 설명 : 즉, eval ( "idname") 또는 getElementById ( "idname")를 사용하여 idname에서 html 객체를 얻을 수 있습니다. idname으로 ID를 가진 HTML 객체를 얻으려면. 5. HTML 객체 ID와 동일한 변수 이름의 문제 : 즉, HTML 객체의 ID는 문서의 하위 객체의 변수 이름으로 직접 사용할 수 있지만 Firefox에서는 동일한 변수입니다 HTML 객체 ID는 이름을 사용할 수 있습니다. 6. Const 문제 설명 : Firefox에서는 Const 키워드 또는 VAR 키워드를 사용하여 상수를 정의 할 수 있습니다. 7. 입력 문제에 대한 설명 : 유형 속성 : IE의 입력 속성은 읽기 전용이지만 Firefox의 입력 속성은 읽기입니다. 8. Window.event 문제 설명 : Window.event는 Firefox에서가 아닌 IE 아래에서만 실행할 수 있습니다. Firefox 이벤트는 이벤트가 발생하는 장면에서만 사용할 수 있기 때문입니다. 프로그램 코드 10. 이벤트 문제 설명 : 즉, 짝수 객체에는 srcelement 속성이 있지만 Firefox에는 대상 특성이 없지만 대상 특성은 없지만 srcelement 속성은 없습니다. 11. Window.location.href 문제 설명 : IE 또는 Firefox2.0.x에서는 Window.Location 또는 Window.location.href를 사용할 수 있습니다. 12. 모달 및 비 모달 창 문제 : 즉, 모달과 비 모달 창은 showmodaldialog 및 showmodelessDialog를 통해 열 수 있습니다. 13 개 프레임 문제. 14 바디 로딩 문제 설명 : Body 태그가 브라우저에 의해 완전히 읽기 전에 Firefox의 신체 물체가 존재합니다. 15. 이벤트 대표 방법 문제 : IE에서 Body.onload = Inject; 16. 액세스 한 부모 요소 간의 차이 : 즉, obj.parentElement 또는 obj.parentNode를 사용하여 OBJ의 상위 노드에 액세스하십시오. 17. 커서 : 손 대 커서 : 포인터 18. 내 텍스트의 문제. 프로그램 코드 19. 객체 너비 및 높이 할당의 문제에 대한 설명 : obj.style.height = imgobj.height와 유사한 진술은 유효하지 않습니다. 테이블 작동 문제 설명 : IE, Firefox 및 기타 브라우저는 테이블 태그에 다른 작업을 수행 할 수 없습니다. 21. UL 및 OL 목록의 압입 문제가 제거되면 스타일은 다음과 같이 작성해야합니다. 22. CSS 투명성 문제 IE : 필터 : progid : dximagetransform.microsoft.alpha (style = 0, 불투명도 = 60). 23. CSS 둥근 코너 문제 IE : IE7의 다음 버전은 둥근 모서리를 지원하지 않습니다. CSS에 대한 질문이 너무 많으며 동일한 CSS 정의조차도 페이지 표준이 다른 디스플레이 효과를 갖습니다. 적절한 제안은이 페이지가 표준 DHTML 표준으로 작성되었으며 테이블 사용은 거의 사용되지 않으며 IE, Firefox 및와 같은 주류 브라우저를 기반으로합니다. 오페라도 고려됩니다. BTW는 대부분의 경우 FF 및 오페라의 CSS 해석 표준이 CSS 표준에 더 가깝고 표준화되어 있습니다.
솔루션 : Unified 방식으로 document.formname.elements [ "Emplicname"]를 사용하십시오.
솔루션 : []를 사용하여 통일 된 방식으로 수집 클래스 객체를 얻습니다.
해결 방법 : getAttribute ()를 통해 균일하게 사용자 정의 속성을 얻습니다.
솔루션 : getElementByid ( "idname")를 사용하여 idname으로 id를 가진 html 객체를 얻습니다.
해결 방법 : document.idname 대신 document.getElementByid ( "idname")를 사용하십시오. 변수를 줄이기 위해 동일한 HTML 객체 ID로 변수 이름을 사용하지 않는 것이 가장 좋습니다.
해결책 : VAR 키워드를 사용하여 상수를 균일하게 정의하십시오.
해결책 : 입력을 수정하지 마십시오. 이를 수정 해야하는 경우 먼저 원래 입력을 숨기고 동일한 위치에 새 입력 요소를 삽입 할 수 있습니다.
솔루션 : 이벤트가 발생하는 기능에 이벤트 매개 변수를 추가하고 var myevent = evt? evt : (window.event? window.event : null)를 사용하십시오.
예:
<input type = "button"onclick = "dosomething (event)"/>
<script language = "javaScript">
함수 dosomething (evt) {
var myevent = evt? evt : (Window.event? Window.event : null)
...
}
</스크립트>
9. event.x 및 event.y 문제 설명 : 짝수 객체에는 x와 y 속성이 있지만 pagex 및 pagey 속성은 없으며 짝수 객체에는 pagex 및 pagey 속성이 있지만 x 및 y 속성은 없습니다.
솔루션 : var event.x : event.pagex. y : event.pagey;
8 번째 문제를 고려하면 이벤트 대신 Myevent를 사용하십시오.
해결책 : srcobj = event.srcelement.srcelement : event.target;
8 번째 문제를 고려하면 이벤트 대신 Myevent를 사용하십시오.
해결 방법 : Window.location.href 대신 Window.location을 사용하십시오. 물론 location.replace () 메소드를 사용하는 것도 고려할 수도 있습니다.
솔루션 : Window.open (PageUrl, 이름, 매개 변수)을 사용하여 새 창을 열십시오.
자식 창의 매개 변수를 상위 창으로 다시 전달 해야하는 경우 Child Window에서 Window.opener를 사용하여 부모 창에 액세스 할 수 있습니다. 상위 창이 자식 창을 제어 해야하는 경우 var subwindow = window.open (pageurl, name, parameters)을 사용하십시오.
<frame src = "http://www.abc.com/123.html"id = "frameid"name = "framename"/>
(1) 프레임 개체에 액세스하십시오. 즉, Window.FrameID 또는 Window.Framename을 사용 하여이 프레임 객체에 액세스하십시오.
Firefox : window.framename을 사용 하여이 프레임 객체에 액세스하십시오.
솔루션 : Window.Document.GetElementById ( "FrameId")를 사용 하여이 프레임 객체에 액세스하십시오.
(2) IE 및 Firefox의 프레임 컨텐츠를 스위치 프레임 컨텐츠로, Window.Document.GetElementById ( "FrameId"). Src = "Index.html"또는 Window.framename.location = "Index.html"을 사용할 수 있습니다. 이자형;
프레임의 매개 변수를 상위 창으로 다시 전달 해야하는 경우 프레임의 상위 키워드를 사용하여 부모 창에 액세스 할 수 있습니다.
[참고]이 문제는 아직 확인되지 않았으며 확인 후 수정됩니다.
[참고] 위의 문제는 IE6, Opera9 및 Firefox2에 존재하지 않는다는 것이 입증되었습니다.
솔루션 : hocess.body.onload = new function ( 'inject ()');
[참고] 기능과 기능의 차이
솔루션 : Firefox와 IE가 모두 DOM을 지원하기 때문에 OBJ.ParentNode는 OBJ의 상위 노드에 액세스하는 데 사용됩니다.
문제 설명 : Firefox는 손을 지원하지 않지만 IE는 포인터를 지원합니다. 둘 다 손 모양의 지표입니다.
해결책 : 통일 된 방식으로 포인터를 사용하십시오.
문제 설명 : IE에서 내부 텍스트가 올바르게 작동하지만 내부 텍스트는 Firefox에서는 작동하지 않습니다.
해결 방법 : 비 EIE 브라우저에서 내부 텍스트 대신 TextContent를 사용하십시오.
예:
if (navigator.appname.indexof ( "Explorer")> -1) {
document.getElementById ( 'element'). innerText = "내 텍스트";
} 또 다른{
document.getElementById ( 'element'). textContent = "내 텍스트";
}
[참고] InnerHTML은 IE 및 Firefox와 같은 브라우저에서 지원됩니다.
솔루션 : OBJ.style.height = imgobj.height + 'px'를 사용하여 균일하게 사용하십시오.
해결책:
프로그램 코드
// 테이블에 빈 줄을 추가합니다.
var row = otable.insertrow (-1);
var cell = document.createelement ( "TD");
cell.innerhtml = "";
cell.classname = "xxxx";
Row.appendChild (셀);
[참고] JS를 사용하여 테이블을 직접 작동하지 않기 때문에이 문제를 해결 한 적이 없습니다. JS 프레임 워크 세트를 사용하여 jQuery와 같은 테이블을 조작하는 것이 좋습니다.
마진 속성은 IE에 유효하며 패딩 속성은 Firefox에 유효합니다. ←이 문장은 잘못되었습니다. 자세한 내용은 참조하십시오. ↓
[참고]이 문제는 아직 확인되지 않았으며 확인 후 수정됩니다.
[참고] IE에서 마진 설정 : 0px는 위쪽, 아래, 왼쪽 및 오른쪽 계급, 목록 번호 또는 점 목록을 제거 할 수 있으며, 패딩 설정은 파이어 폭스에서 다음과 같은 영향을 미치지 않습니다. 0px는 빈 공간을 위아래로 제거 할 수 있습니다. 패딩을 설정 한 후에 만 왼쪽과 오른쪽 들여 쓰기 만 제거 할 수 있습니다. 다시 말해, 즉, 즉 단순히 마진 : 0px, 패딩 : 0px 및 목록 스타일을 설정하여 최종 효과를 달성 할 수 있습니다. 최종 효과를 달성하려면 Firefox에서 동시에 설정하지 않아야합니다.
FF : 불투명도 : 0.6.
[참고] 두 가지를 모두 작성하고 불투명 속성을 아래에 배치하는 것이 가장 좋습니다.
FF :-미터-라디우스 : 또는-거주자-라디우스-토프라도; - 반경- 하단 오른쪽 : 4px;.
[참고] 둥근 코너 문제는 CSS의 전형적인 문제입니다. jQuery 프레임 워크를 사용하여 다른 사람들이 생각할 수있는 복잡한 문제를 남기는 것이 좋습니다.