Путь: Заметки о вёрстке сайтов > JavaScript > 10

Новое свойство “document.compatMode” в Internet Explorer 6

10 ноября 2001 г.

Я уже указывал в разделе, посвящённом CSS, что в Internet Explorer 6 реализована такая вещь, как переключение режима совместимости с предыдущими релизами IE. Отлично, что разработчики нового браузера побеспокоились о проблеме совместимости со стандартами, но это добавляет определённые трудности. К счастью, ребята из Microsoft учли это, и в Internet Explorer 6 появилось новое свойство объекта document, которое обзывается compatMode.

Я уже указывал в разделе, посвящённом CSS, что в Internet Explorer 6 реализована такая вещь, как переключение режима совместимости с предыдущими релизами IE. Достигается это посредством указания различных вариантов конструкции !DOCTYPE.

Отлично, что разработчики нового браузера побеспокоились о проблеме совместимости со стандартами, но это добавляет нам, разработчикам сайтов, определённые трудности.

Дело в том, что мы не всегда можем знать, какая конструкция !DOCTYPE указана на текущей странице. Соответственно, мы не можем быть уверены, что страницы, использующие некоторые элементы DHTML и CSS, будут хорошо смотреться во всех версиях Internet Explorer, начиная с «четвёрки».

К счастью, ребята из Microsoft учли эту проблему, и в Internet Explorer 6 появилось новое свойство объекта document, которое обзывается compatMode. Благодаря этому свойству (оно, кстати, только для чтения) мы можем определить, какой режим включён в данный момент — BackCompat (IE 4.x–IE 5.x) или CSS1Compat (IE 6). Исходя из значения этого свойство, мы можем, например, указывать различные значения CSS свойств width, margin или padding:

if (document.getElementById){ oBlock = document.getElementById("mydiv"); oBlock.style.width = ((document.compatMode) && (document.compatMode == "CSS1Compat")) ? "200px" : "250px"; }

Приведённый пример ориентирован только на Internet Explorer 5+.

Более подробно о свойстве compatMode можно почитать в MSDN. См. также статью “Activating the Right Layout Mode Using the Doctype Declaration”.