Меню показать Меню скрыть
Современные
проекты
от ПаЛыЧа
Сайк ПавелСайк Павел
4 г. назад

Проверка поддержки браузером JavaScript с помощью JQuery

В одном из последних проектов столкнулся с проблемой в верстке. На сайте было много-много рюшечек на JavaScript и, конечно, JQuery. Так получилось, что у заказчика каким-то странным способом был выключен JavaScript в браузере. Пришлось искать костыль в интернете. Везде были какие-то уж больно фиговые решения. И в голове родилось уж больно простое решение (меня самого даже удивило). Всего два шага, при условии, что JQuery уже подключен.

1. Добавляем класс к HTML:

<html lang="ru-ru" class="no-js">

2. При условии поддержки браузером JavaScript, нужно этот класс удалить:

$('html').removeClass('no-js');

Все очень просто. Добавив принудительно класс, мы говорим, что бразуер, мол, не поддерживает JS. А уже ниже при работающем JavaScript удаляем этот класс. А дальше – сколько фантазия позволит. Например, скрыть блок при выключенном JS:

.no-js .block {display:none}

Добавить комментарий

Наверх