Как стать автором
Обновить

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

Время на прочтение1 мин
Количество просмотров5K
Иногда, крайне редко нужно скрыть, либо показать часть тегов в том случае если 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 можно пометить альтернативные элементы управления.

Конечно, без всего этого можно легко и обойтись. :)
Теги:
Хабы:
Всего голосов 63: ↑50 и ↓13+37
Комментарии34

Публикации

Истории

Ближайшие события

19 августа – 20 октября
RuCode.Финал. Чемпионат по алгоритмическому программированию и ИИ
МоскваНижний НовгородЕкатеринбургСтавропольНовосибрискКалининградПермьВладивостокЧитаКраснорскТомскИжевскПетрозаводскКазаньКурскТюменьВолгоградУфаМурманскБишкекСочиУльяновскСаратовИркутскДолгопрудныйОнлайн
3 – 18 октября
Kokoc Hackathon 2024
Онлайн
24 – 25 октября
One Day Offer для AQA Engineer и Developers
Онлайн
25 октября
Конференция по росту продуктов EGC’24
МоскваОнлайн
26 октября
ProIT Network Fest
Санкт-Петербург
7 – 8 ноября
Конференция byteoilgas_conf 2024
МоскваОнлайн
7 – 8 ноября
Конференция «Матемаркетинг»
МоскваОнлайн
15 – 16 ноября
IT-конференция Merge Skolkovo
Москва
25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань