Таблицы стилей JavaScript
Эта статья нуждается в дополнительных цитатах для проверки . ( ноябрь 2023 г. ) |
Тип интернет-СМИ |
текст/Javascript |
---|---|
Разработано | Корпорация Netscape Communications |
Тип формата | Язык таблицы стилей |
Стандартный | Представление таблиц стилей Netscape на основе JavaScript в W3C |
Таблицы стилей JavaScript ( JSSS ) — это технология языка таблиц стилей, предложенная Netscape Communications в 1996 году для предоставления средств для определения представления веб-страниц . [1] Это была альтернатива технологии каскадных таблиц стилей (CSS). [1]
Хотя Netscape представила ее Консорциуму World Wide Web (W3C), эта технология так и не была принята в качестве формального стандарта и не получила признания на рынке веб-браузеров . Только Netscape Communicator 4 реализовал JSSS, а конкурирующий Internet Explorer предпочел не реализовывать эту технологию. Вскоре после выпуска Netscape Communicator в 1997 году Netscape прекратила продвижение JSSS, вместо этого сосредоточившись на конкурирующем стандарте CSS, который также поддерживался Internet Explorer и имел гораздо более широкое признание в отрасли.
В продолжении Netscape Communicator, Netscape 6 (выпущенном в 2000 году), поддержка JSSS была прекращена. Сейчас он остается не более чем исторической сноской, поскольку веб-разработчики обычно не знают о его предыдущем существовании. Это предложение не стало стандартом W3C.
Синтаксис
[ редактировать ]Используя код JavaScript в качестве таблицы стилей, JSSS стилизует отдельный элемент, изменяя свойства элемента. document.tags
объект. Например, CSS:
h1 { font-size: 20pt; }
эквивалентно JSSS:
document.tags.H1.fontSize = "20pt";
Имена элементов JSSS чувствительны к регистру.
В JSSS отсутствуют различные функции селектора CSS, поддерживаются только простые селекторы имени тега, класса и идентификатора. С другой стороны, поскольку таблицы стилей написаны с использованием полноценного языка программирования , они могут включать в себя весьма сложные динамические вычисления и условную обработку. (Однако на практике этого можно достичь с помощью JavaScript для изменения таблиц стилей, применимых к документу во время выполнения.) По этой причине JSSS часто использовался при создании динамических веб-страниц .
Пример
[ редактировать ]В следующем примере показана часть исходного кода HTML-документа:
<style type="text/javascript">
tags.H1.color = "red";
tags.p.fontSize = "20pt";
with (tags.H3) {
color = "green";
}
with (tags.H2) {
color = "red";
fontSize = "16pt";
marginTop = "4cm";
}
</style>
Подобно каскадным таблицам стилей , JSSS можно использовать в <style>
ярлык. В этом примере показаны два разных метода выбора тегов.
Поддержка браузера
[ редактировать ]Таблицы стилей Javascript поддерживались только Netscape 4.x (4.0–4.8), но не более поздними версиями. Ни один другой веб-браузер никогда не интегрировал JSSS.
Ссылки
[ редактировать ]- ^ Jump up to: а б Хокон Виум Ли ; Берт Бос . «Глава 20. Сага о CSS» . Консорциум Всемирной паутины . Проверено 23 июня 2010 г.