Показать сообщение, если JavaScript не включен в браузере - PullRequest
Новая
       1

Показать сообщение, если JavaScript не включен в браузере

12 голосов
/ 22 февраля 2012

Я ищу решение, которое показывало бы посетителю моего сайта информационное сообщение, если у него не включен JavaScript. Я попытался сделать это с сообщением в div, которое отображается по умолчанию, но сразу же скрывается функцией jQuery при запуске. Проблема в том, что сообщение видно на короткое время (пока оно не спрятано), что очень раздражает.

Есть ли другие способы показать сообщение, если JS не включен?

Спасибо, Konrad

Ответы [ 4 ]

36 голосов
/ 22 февраля 2012

Используйте тег noscript: 

<noscript>

  <div class="awesome-fancy-styling">
    This site requires JavaScript. I will only be visible if you have it disabled.
  </div>
  ...
</noscript>

См. https://developer.mozilla.org/en/HTML/Element/noscript.

5 голосов
/ 22 февраля 2012

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

Если вы хотите скрыть другой контент, если у пользователя не включен Javascript, вы можетесделать что-то вроде этого (это использует jquery): 

<style type="text/css">
    .example {
        display: none;
    }
</style>

<script type="text/javascript">
    $(document).ready(function(){
        $('.example').show();
    });
</script>

<div class="example">
    <p>...</p>
</div>

<noscript>
    <p>You must have javascript enabled for the example div to show!</p>
</noscript>

Это будет показывать контент, только если у пользователя включен JavaScript.

1 голос
/ 22 февраля 2018

Я пробовал несколько вариантов, используя noscript и нет , которые мне помогли.

В итоге я использовал: 

<p align=center id=js_disabled_message>
    x.com requires JavaScript Enabled <br> <a href="https://www.enable-javascript.com/">www.enable-javascript.com</a>
</p>
<script>
    document.getElementById('js_disabled_message').style.display = 'none';
</script>

, который будет скрывать *Тег 1009 *, только , если включен js.
Это своего рода логика опоссита, определяющая, включен ли JavaScript, но она хорошо работает во всех браузерах.

SRC

1 голос
/ 11 октября 2017

Вы можете использовать '' и предоставить нужное сообщение об ошибке. 

    <html>
    <body>

    <script language="javascript" type="text/javascript">
    <!--
        document.write("Hello World!")
     //-->
    </script>

    <noscript>
     Sorry...JavaScript is needed to go ahead.
    </noscript>

    </body>
    </html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...