Как отобразить сообщение, если JavaScript отключен?

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

1. Использование HTML тега <noscript>

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

Когда JavaScript отключен, мы можем использовать тег <noscript>, чтобы отобразить предупреждающее сообщение и скрыть весь контент с помощью CSS.

Это будет выглядеть следующим образом:

<noscript>
Видео не может проигрываться, так как Javascript отключен.
</noscript>

Попробуйте сами!

Давайте рассмотрим пример:

Пример

<!DOCTYPE html>
<html>
  <head>Заголовок документа</head>
  <body>
    <h1>Пример тега noscript</h1>
    <noscript>
      <h2>Javascript отключен в вашем веб-браузере. Некоторые функции не будут хорошо работать.</h2>
      <style type="text/css">
        #main-content { display:none; }
      </style>
    </noscript>
    <div id="main-content">
      <h2>JavaScript включен!</h2>
    </div>
  </body>
</html>

Попробуйте сами!

2. Использование метода meta refresh

Многие разработчики предлагают другой метод отображении контента при отключенном состоянии JavaScript. В этом случае вам просто понадобится перенаправить пользователя на страницу, где будет возможно отображение сообщения о том, что JavaScript отключен. Для этого можно использовать метод meta refresh, который содержит HTML тег <meta> с параметром http-equiv, установленный в "refresh", и параметром контента (content), указывающий промежуток времени в секундах, т. е. он перенаправит пользователя на другую страницу в указанном в header промежутке времени. Устанавливая промежуток времени для refresh в 0 (или ниже), meta refresh может быть использован как метод перенаправления URL. Он выглядит следующим образом:

<noscript> <META HTTP-EQUIV="Refresh" CONTENT="0;URL=ShowErrorPage.html"> </noscript>

Попробуйте сами!

Как видите. так как JavaScript отключен на этой странице. браузер перенаправляет на “ShowErrorPage.html”, где будет паказано предупреждающее сообщение.