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/)
