Pull to refresh

Вместо тэга <noscript> стили .script и .noscript в CSS

Reading time1 min
Views4.9K
Иногда, крайне редко нужно скрыть, либо показать часть тегов в том случае если javascript включён, либо выключен.
Конечно, есть <noscript> но он реализует только часть логики — он скрывает часть кода если javascript включён. Скрыть часть кода, если javascript выключен стандартной возможности нет.
Точнее есть возможность добавить некий код при помощи скрипта, но не совсем то.

Что можно сделать вместо этого?

Добавить в заголовок код:
<style type="text/css">.script{display:none;}</style>
<script type="text/javascript" language="JavaScript">
document.write('<style type="text/css">.noscript{display:none;} .script{display:inherit;} </style>');
</script>



В случае если javascript выключен, будет активен стиль
.script{display:none;}


Им можно пометить кнопочки, выполняющие ajax-овые действия и т.п.
например кнопочку «Обновить комментарии»


В случае если javascript включён, этот стиль будет перекрыт другим
.noscript{display:none;}
.script{display:inherit;}


стилем noscript можно пометить альтернативные элементы управления.

Конечно, без всего этого можно легко и обойтись. :)
Tags:
Hubs:
Total votes 63: ↑50 and ↓13+37
Comments34

Articles