Блог

Я хотел, чтобы мой веб-сайт отображал что-то, если они не используют JavaScript. Я знаю, что вы можете использовать <noscript> тег, но если у меня на странице есть CSS, я хочу, чтобы он очистил мой CSS, чтобы вы могли прочитать текст.

 function test()
{
  alert("you are using javascript!");
} 

 body
{
  background-color:#200;
} 

 <input type="button" value="Click Me with JavaScript" onClick="test()">

<noscript>You liar! You don't have JavaScript!</noscript> 

Проще всего создать небольшой css файл с noscript CSS, как показано ниже. Примечание. Вы можете оформить текст так, как вам хочется. Это всего лишь пример. Вы даже можете добавить свой css, который вы хотите запускать только в среде без сценариев на этом листе

 body:before{
    content: 'Please turn on Javascript';
    color: white;
    font-family: sans-serif;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    width: 100%;
    padding: 1em 0;
    background: rgba(0,0,0,0.9);
}
 

Затем добавьте следующий HTML

 <noscript>
    <link rel="stylesheet" type="text/css" href="noscript.css">
</noscript>