Проверка поддержки браузером 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
    }
}
Начать проект вместе с нами
Заполните форму и отправьте
нам сообщение!
Если у Вас возникли вопросы, предложения, либо Вы желаете оформить заявку на заказ услуги — Добро пожаловать!
Телефоны и мессенджеры:
Москва: +7 (499) 389-42-40
Санкт-Петербург: +7 (812) 456-72-40