logo image
메인
기술
HOME
기술

document.compatMode

목록
#javascript

document.compatMode

compatMode는 현재 Document의 개체부합성 모드의 상태를 나타내는 속성이다.

  • document.compatMode
    • Value
      • BackCompat : 표준부합모드 비적용
      • CSS1Compat : 표준부합모드 적용
  • 설정법
    • IE6이상 지원됨 (실험버전 7)
    • FF는3 지원됨 (실험버전 3.0.4)
    • Opera지원됨 (실험버전 9.52)
    • 크롬 지원됨 (실험버전 0.2.149.30)
    • 사파리 지원됨 (실험버전 3.1.2(525.21) for Win)
    • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      처럼 DTD까지 DOCTYPE에 적용되어있을 경우.
      CSS1Compat 로 적용된다.
      • <!DOCTYPE html > 까지만 적용되있어도 CSS1Compat 로 적용된다.(IE7,FF3.5 에서 확인, HTML5로 동작)
  • 참고
  • 참고
    • BackCompat 일 때와 CSS1Compat 일 때의 다른 점
      • BackCompat : document.body.clientWidth
      • CSS1Compat : document.documentElement. clientWidth;
      • document로 바로 문서의 뷰? 정보에 접근하는게 아니라 documentElement 를 한번 더 거쳐야한다.
      • Safari의 경우에서는 documentElement가 아니라 document.body를 접근해야하는 게 있다.
  • 예제
    • <!DOCTYPE html public "-//W3C//DTD HTML 4.0 Transitional//en">
      • IE8 : BackCompat
      • Chrome 23.0.1271.97 : BackCompat
    • <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
      • IE8 : CSS1Compat
      • Chrome 23.0.1271.97 : 
        BackCompat(http://samples.msdn.microsoft.com/workshop/samples/author/dhtml/refs/CompatModeCompliant.htm)
        CSS1Compat(http://section.cafe.naver.com/)
        • 크롬 버그인가?
목록
댓글
  • / /
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
일
월
화
수
목
금
토
4.28
4.29
4.30
5.1
5.2
5.3
5.4
5.5
5.6
5.7
5.8
5.9
5.10
swiper 에서 부모가 보이고 안보이고 할 때 슬라이드가 이상해지는 것 현상 방지 옵션.
5.11
5.12
5.13
5.14
css animation 테스트용
5.15
5.16
5.17
5.18
5.19
5.20
5.21
5.22
5.23
5.24
5.25
5.26
5.27
5.28
5.29
5.30
5.31
6.1
tag