document.compatMode 소개_javascript 기술

오늘 나는 ext.에서 document.compatMode의 사용을 보았습니다. 나는 이것이 호환 가능한 웹 페이지를 개발하는 데 여전히 매우 도움이 된다고 생각합니다. 우리 모두는 IE의 표준 모드와 Quirks 모드의 박스 모델 렌더링 사이에 큰 차이가 있다는 것을 알고 있습니다. 표준 모드의 박스 모델 해석은 다른 표준 브라우저의 해석과 동일하지만 Quirks 모드에서는 Doctype이 선언되지 않은 경우 IE가 기본적으로 Quirks 모드로 설정됩니다. 따라서 호환성상의 이유로 현재 문서 렌더링 방법을 가져와야 할 수도 있습니다.
document.compatMode는 유용하며 BackCompat 및 CSS1Compat의 두 가지 반환 값이 있습니다.
BackCompat 표준 호환 모드가 켜져 있지 않습니다(Quirks 모드)
CSS1Compat 표준- (표준 모드)
실제 프로젝트에서는 브라우저가 IE인지 여부도 가져와야 IE의 렌더링 모드를 얻을 수 있습니다. Ext의 코드: isBorderBox=isIE&&!isStrict.
문서에 표준 선언이 있는 경우 document.compatMode 값은 "CSS1compat"와 같습니다. 따라서 document.compatMode 값을 기준으로 문서에 표준 선언이 있는지 여부를 판단할 수 있습니다. = document.compatMode= ="CSS1Compat" ? document.documentElement.clientHeight : document.body.clientHeight;