Как отобразить сообщение, если 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”, где будет паказано предупреждающее сообщение.