Проверка поддержки браузером JavaScript с помощью JQuery
В одном из последних проектов столкнулся с проблемой в верстке. На сайте было много-много рюшечек на JavaScript и, конечно, JQuery. Так получилось, что у заказчика каким-то странным способом был выключен JavaScript в браузере.
Пришлось искать костыль в интернете. Везде были какие-то уж больно фиговые решения. И в голове родилось уж больно простое решение (меня самого даже удивило). Всего два шага, при условии, что JQuery уже подключен.
1. Добавляем класс к HTML:
<html lang="ru-ru" class="no-js">
2. При условии поддержки браузером JavaScript, нужно этот класс удалить:
$('html').removeClass('no-js');
Все очень просто. Добавив принудительно класс, мы говорим, что бразуер, мол, не поддерживает JS. А уже ниже при работающем JavaScript удаляем этот класс. А дальше – сколько фантазия позволит. Например, скрыть блок при выключенном JS:
.block {
.no-js & {
display : none
}
}