JavaScript. Подробное руководство, 6-е издание, стр. 182

В следующем примере демонстрируется, как выглядят условные комментарии в HTML. Примечательно, что вся хитрость заключается в комбинации символов, закрывающих комментарий.

<b>&lt;!—[if IE 6]&gt;</b>

<b>  Эти строки фактически находятся внутри HTML-комментария.</b>

<b>  Они будут отображаться только в IE6.</b>

<b>&lt;![endif]--&gt;</b>

<b>&lt;!—[if lte IE 7]&gt;</b>

<b>  Эта строка будет отображена только в IE 5. 6, 7 и в более ранних версиях.</b>

<b>  lte обозначает &quot;less than or equal&quot; (меньше или равно). Можно также использовать &quot;It”,</b>

<b>  &quot;gt&quot; и &quot;gte”.</b>

<b>&lt;![endif]--&gt;</b>

<b>&lt;! —[if ! IE]&gt; &lt;-&gt;</b>

<b>  Это обычное HTML-содержимое, но IE не будет отображать его из-за комментариев, что расположены выше и ниже.</b>

<b>&lt;!--&gt; &lt;![endif]--&gt;</b>

<b>Это обычное содержимое, которое будет отображаться всеми броузерами.</b>

В качестве более конкретного примера возьмем библиотеку excanvas.js, о которой выше говорилось, что она реализует поддержку элемента

<b>&lt;canvas&gt;</b>
в Internet Explorer. Поскольку эта библиотека требуется, только когда веб-страница отображается в IE (и работает только в IE), есть смысл оформлять ее подключение внутри условного комментария, чтобы другие броузеры даже не загружали ее:

<b>&lt;!--[if IE]&gt;&lt;script src=&quot;excanvas.js&quot;&gt;&lt;/script&gt;&lt;![endif]--&gt;</b>

Условные комментарии также поддерживаются интерпретатором JavaScript в IE. Программисты, знакомые с языком C/C++, найдут их похожими на инструкции препроцессора

<b>#ifdef/#endif</b>
. Условные JavaScript-комментарии в IE начинаются с комбинации символов
<b>/*@сс_оп</b>
и завершаются комбинацией
<b>@*/</b>
. (Префиксы «сс» и «сс_оп» происходят от фразы «condition compilation», т. е. «условная компиляция».) Следующий условный комментарий содержит программный код, который будет выполняться только в IE:

<b>/*@сс_оn</a> </b>

<b>  @if (@_jscript)</b>

<b>    // Следующий код находится внутри JS-комментария, но IE выполнит его. </b>

<b>    alert(&quot;In IE”);</b>

<b>  @end</b>

<b>@*/</b>

Внутри условных комментариев могут указываться ключевые слова

<b>@if</b>
,
<b>@else</b>
и
<b>@end</b>
, предназначенные для отделения программного кода, который должен выполняться интерпретатором JavaScript в IE по определенному условию. В большинстве случаев вам достаточно будет использовать показанное в предыдущем фрагменте условие
<b>@if (@_jscript).</b>
<b>JScript</b>
- это название интерпретатора JavaScript, которое было дано ему в Microsoft, а переменная
<b>@_jscript</b>
в IE всегда имеет значение
<b>true</b>
.

При грамотном чередовании условных и обычных JavaScript-комментариев можно определить, какой блок программного кода должен выполняться в IE, а какой -во всех остальных броузерах:

<b>/*@сс_оп</a> </b>

<b>  @if (@_jscript)</b>

<b>    // Этот блок кода находится внутри условного комментария,</b>

<b>    // который также является обычным JavaScript-комментарием.</b>

<b>    // В IE этот блок будет выполнен, а в других броузерах - нет. </b>

<b>    alert('Bы пользуетесь Internet Explorer');</b>

<b>  @else*/</b>

<b>    // Этот блок уже не находится внутри JavaScript-комментария,</b>

<b>    // но по-прежнему находится внутри условного комментария IE.</b>

<b>    // Вследствие этого данный блок кода будет выполнен всеми броузерами, кроме IE. </b>

<b>    alert(*Bы не пользуетесь Internet Explorer');</b>

<b>  /*@end</b>

<b>@*/</b>

13.5. Доступность

Всемирная паутина представляет собой замечательный инструмент распространения информации, и JavaScript-сценарии могут сделать эту информацию максимально доступной. Однако JavaScript-программисты должны проявлять осторожность: слишком просто написать такой JavaScript-код, который сделает невозможным восприятие информации для пользователей с ограниченными возможностями.

Пользователи с ослабленным зрением применяют такие «вспомогательные технологии», как программы чтения с экрана, когда слова, выводимые на экран, преобразуются в речевые аналоги. Некоторые программы чтения с экрана способны распознавать JavaScript-код, другие лучше работают, когда поддержка JavaScript отключена. Если вы разрабатываете сайт, который требует выполнения JavaScript-кода на стороне клиента для отображения информации, вы ограничиваете доступность своего сайта для пользователей подобных программ чтения с экрана. (И ограничиваете тех, кто преднамеренно отключил поддержку JavaScript в броузере.) Главная цель JavaScript заключается в улучшении представления информации, а не собственно в ее представлении. Основное правило применения JavaScript заключается в том, что веб-страница, в которую встроен JavaScript-код, должна оставаться работоспособной (хотя бы ограниченно), даже когда интерпретатор JavaScript отключен.

Другое важное замечание относительно доступности касается пользователей, которые могут работать с клавиатурой, но не могут (или не хотят) применять указывающие устройства, такие как мышь. Если программный код ориентирован на события, возникающие от действий мышью, вы ограничиваете доступность страницы для тех, кто не пользуется мышью. Веб-броузеры позволяют задействовать клавиатуру для перемещения по веб-странице и выполнять операции с элементами графического интерфейса в них, то же самое должен позволять делать и ваш JavaScript-код. Как демонстрируется в главе 17, наряду с поддержкой событий, зависящих от типа устройства, таких как

<b>onmouseover</b>
или
<b>onmousedown</b>
, JavaScript обладает поддержкой событий, не зависящих от типа устройства, таких как
<b>onfocus</b>
и
<b>onchange</b>
. Для достижения максимальной доступности следует отдавать предпочтение событиям, не зависящим от типа устройства.