Edición de «JavaScript Style Sheets»

{{Ficha de formato de archivo|género=[[Hoja de estilo]]|estándar=[http://www.w3.org/Submission/1996/1/WD-jsss-960822 Netscape's JavaScript-Based Style Sheets submission to the W3C]|abierto=Sí}}
'''[[JavaScript]] Style Sheets''' ('''JSSS''', en español '''hojas de estilo de JavaScript''') fue un [[Anexo:Lista de lenguajes de hojas de estilo|lenguaje de hoja de estilos]] propuesto por [[Netscape Communications Corporation]] en 1996 para facilitar la presentación de [[página web|páginas web]].<ref name="chapter20">{{cita web|título=Chapter 20 - The CSS saga|url=http://www.w3.org/Style/LieBos2e/history/|editorial=[[World Wide Web Consortium]]|fechaacceso=23 de junio de 2010|autor=[[Håkon Wium Lie]]|autor2=[[Bert Bos]] }}</ref> Fue una alternativa a las [[Cascading Style Sheets|hojas de estilo en cascada]].<ref name="chapter20" /> Aunque Netscape envió la propuesta al [[World Wide Web Consortium|W3C]], la tecnología nunca fue aceptada como un estándar formal y nunca ganó mucha aceptación en el mercado. Solo [[Netscape Communicator]] 4 dio soporte a JSSS, mientras que [[Internet Explorer]] escogió no implementarlo. Después del lanzamiento de Netscape Communicator en 1997, Netscape detuvo la promoción de JSSS, centrándose en el soporte a CSS, que también era soportado por Internet Explorer y tenía mucha aceptación en la industria. La actualización de Netscape Communicator, Netscape 6, lanzada en 2000, eliminó el soporte para JSSS. Ha sido relegado a poco más que una nota histórica, y muchos desarrolladores web ignoran su existencia. La propuesta del estándar nunca fue finalizada.

Usando código [[JavaScript]] como una hoja de estilos, los estilos JSSS funcionaban modificando las propiedades del objeto <code>document.tags</code>. Por ejemplo, el CSS siguiente:
<syntaxhighlight lang="css">
 h1 { font-size: 20pt; }
</syntaxhighlight>
Es equivalente a este JSSS:
<syntaxhighlight lang="javascript">
 document.tags.H1.fontSize = "20pt";
</syntaxhighlight>
Los nombres de JSSS eran sensibles a mayúsculas.

JSSS ignora muchos de los selectores CSS, soportando solo el nombre de la etiqueta, los selectores class, e id. Por otro lado, para escribir las hojas de estilo se usa un completo [[lenguaje de programación]], las hojas de estilo pueden incluir calclos dinámicos y muy complejos y procesamiento de condicionales. En la práctica, como sea, esto puede ser logrado usando JavaScript estándar y CSS modificando las hojas de estilo durante la ejecución.

==Ejemplo==
El ejemplo siguiente muestra una hoja de estilos JavaScript sencilla:

<syntaxhighlight lang="html">
<style type="text/javascript">
tags.H1.color = "blue";
tags.p.fontSize = "14pt";
with (tags.H3) {
    color = "green";
}
with (tags.H2) {
    color = "red";
    fontSize = "16pt";
    marginTop = "2cm";
}
</style>
</syntaxhighlight>

Similar a las [[CSS]], JSSS puede ser usado en una etiqueta <code>&lt;style&gt;</code>.

==Soporte por navegadores==
Javascript Style Sheets solo fueron soportadas por Netscape 4.x (4.0–4.8) pero no versiones más nuevas. Ningún otro navegador web ha implementado JSSS.

==Referencias==
{{listaref}}

==Enlaces externos==
*[http://www.w3.org/Submission/1996/1/WD-jsss-960822 Netscape's JavaScript-Based Style Sheets submission to the W3C]
*[http://sunsite.uakom.sk/sunworldonline/swol-04-1997/swol-04-webmaster.html The dynamic, powerful abilities of JavaScript Style Sheets]
*[https://web.archive.org/web/20160310132034/http://www.damsbo.com/webdev/jsss/jss25.htm JavaScript Style Sheet Reference]

{{Control de autoridades}}
[[Categoría:JavaScript]]
[[Categoría:Lenguajes de hojas de estilo]]
[[Categoría:Diseño web]]
[[Categoría:Introducciones relacionadas a la ciencia de la computación de 1996]]