Hojas de estilo JavaScript ( JSSS ) fue una tecnología de lenguaje de hojas de estilo propuesta por Netscape Communications en 1996 para proporcionar facilidades para definir la presentación de páginas web . [1] Era una alternativa a la tecnología de hojas de estilo en cascada (CSS). [1]
Aunque Netscape lo presentó al Consorcio World Wide Web (W3C), la tecnología nunca fue aceptada como un estándar formal y nunca ganó aceptación en el mercado de navegadores web . Sólo Netscape Communicator 4 implementó JSSS, mientras que su rival Internet Explorer decidió no implementar la tecnología. Poco después del lanzamiento de Netscape Communicator en 1997, Netscape dejó de promover JSSS y se concentró en su lugar en el estándar rival CSS, que también era compatible con Internet Explorer y tenía una aceptación mucho más amplia en la industria.
La continuación de Netscape Communicator, Netscape 6 (lanzada en 2000), eliminó el soporte para JSSS. Actualmente sigue siendo poco más que una nota a pie de página histórica, y los desarrolladores web generalmente desconocen su existencia previa. La propuesta no se convirtió en un estándar del W3C.
Al utilizar código JavaScript como hoja de estilos, JSSS aplica estilos a elementos individuales modificando las propiedades de un document.tagsobjeto. Por ejemplo, el CSS:
h1 { tamaño de fuente : 20 pt ; } es equivalente al JSSS:
documento . etiquetas . H1 . fontSize = "20pt" ; Los nombres de elementos JSSS distinguen entre mayúsculas y minúsculas.
JSSS carece de las diversas características del selector CSS, y solo admite selectores de nombre de etiqueta, clase e id simples. Por otro lado, dado que está escrito utilizando un lenguaje de programación completo , las hojas de estilo pueden incluir cálculos dinámicos y procesamiento condicional altamente complejos. (En la práctica, sin embargo, esto se puede lograr utilizando JavaScript para modificar las hojas de estilo aplicables al documento en tiempo de ejecución). Debido a esto, JSSS se utilizó a menudo en la creación de páginas web dinámicas .
El siguiente ejemplo muestra parte del código fuente de un documento HTML:
etiquetas < style type = "text/javascript" > . H1 . color = "rojo" ; etiquetas . p . fontSize = "20pt" ; con ( etiquetas.H3 ) { color = "verde" ; } con ( etiquetas.H2 ) { color = " rojo " ; fontSize = " 16pt" ; marginTop = " 4cm " ; } </ style > De manera similar a las hojas de estilo en cascada , JSSS se puede utilizar en una <style>etiqueta. Este ejemplo muestra dos métodos diferentes para seleccionar etiquetas.
Las hojas de estilo de Javascript solo eran compatibles con Netscape 4.x (4.0–4.8), pero no con versiones posteriores. Ningún otro navegador web ha integrado JSSS.