JavaScript-stijlpagina's - JavaScript Style Sheets
| Internetmediatype |
tekst / javascript
|
|---|---|
| Ontwikkeld door | Netscape Communications Corporation |
| Type formaat | Style sheet taal |
| Standaard | Netscape's op JavaScript gebaseerde Style Sheets-inzending bij het W3C |
JavaScript Style Sheets ( JSSS ) was een stijlblad- taaltechnologie die in 1996 door Netscape Communications werd voorgesteld om faciliteiten te bieden voor het definiëren van de presentatie van webpagina's . Het was een alternatief voor de Cascading Style Sheets (CSS) -technologie.
Hoewel Netscape het voorlegde aan het World Wide Web Consortium (W3C), werd de technologie nooit geaccepteerd als een formele standaard en werd het nooit geaccepteerd op de webbrowsermarkt . Alleen Netscape Communicator 4 implementeerde JSSS, terwijl rivaliserende Internet Explorer ervoor koos om de technologie niet te implementeren. Kort na de release van Netscape Communicator in 1997 stopte Netscape met het promoten van JSSS, maar concentreerde zich in plaats daarvan op de rivaliserende CSS-standaard, die ook werd ondersteund door Internet Explorer en een veel bredere acceptatie door de industrie had.
De opvolger van Netscape Communicator, Netscape 6 (uitgebracht in 2000), liet de ondersteuning voor JSSS vallen. Het blijft nu weinig meer dan een historische voetnoot, waarbij webontwikkelaars zich over het algemeen niet bewust zijn van het eerdere bestaan ervan. Het voorstel is geen W3C-standaard geworden.
Syntaxis
Door JavaScript- code als een stylesheet te gebruiken, geeft JSSS individuele elementen een stijl door de eigenschappen van een document.tags object te wijzigen. Bijvoorbeeld de CSS:
h1 { font-size: 20pt; }
is gelijk aan de JSSS:
document.tags.H1.fontSize = "20pt";
Namen van JSSS-elementen zijn hoofdlettergevoelig.
JSSS mist de verschillende CSS-selectorfuncties en ondersteunt alleen eenvoudige tagnaam-, klasse- en id-selectors. Aan de andere kant, aangezien het is geschreven met een volledige programmeertaal , kunnen stylesheets zeer complexe dynamische berekeningen en voorwaardelijke verwerking bevatten. (In de praktijk kan dit echter worden bereikt door JavaScript te gebruiken om de stylesheets die van toepassing zijn op het document tijdens runtime te wijzigen.) Hierdoor werd JSSS vaak gebruikt bij het maken van dynamische webpagina's .
Voorbeeld
Het volgende voorbeeld toont een deel van de broncode van een HTML-document:
<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>
Net als bij Cascading Style Sheets , kan JSSS in een <style> tag worden gebruikt . Dit voorbeeld toont twee verschillende methoden om tags te selecteren.
Browser-ondersteuning
Javascript Style Sheets werden alleen ondersteund door Netscape 4.x (4.0–4.8), maar niet door latere versies. Geen enkele andere webbrowser heeft ooit JSSS geïntegreerd.
