Im HEAD dieser HTML-Seite steht im statischen HTML ein LINK mit TITLE
zu einem externen CSS.
<LINK REL=stylesheet HREF="gruen.css" TYPE="text/css" TITLE="Gruen">
Dann schreibt ein JavaScript abhängig vom Betriebssystem folgendes in den
HEAD:
<LINK REL=stylesheet HREF="rot.css" TYPE="text/css">
für Windows-Rechner
<LINK REL=stylesheet HREF="blau.css" TYPE="text/css"> für
alle anderen (Mac, Unix, etc.)
N.B. Diese LINKs enthalten keinen TITLE! (wegen Netscape 6.0-Bug)
Das heisst:
Falls der Browser CSS interpretiert, ist der Text grundsätzlich mal grün.
Falls der Browser JavaScript und CSS korrekt interpretiert, so sollte dieser
Absatz-Text rot bzw. blau sein.
---
---
Resultate:
So wird Absatztext mit dem jeweiligen Browser unter Windows dargestellt:
| Browser | verwendete Farbe | berücksichtigt |
|---|---|---|
| MS IE 5.0 | rot | korrekt |
| Opera 5.1 | rot | korrekt |
| Netscape 6.0 | rot | korrekt |
| Netscape 4.75 | rot | korrekt |
Der HEAD sieht so aus:
<HEAD>
<TITLE>Testseite fuer JS-verlinkte CSS</TITLE>
<LINK REL=stylesheet HREF="gruen.css" TYPE="text/css"
TITLE="Gruen">
<SCRIPT LANGUAGE="JavaScript" TYPE="TEXT/JAVASCRIPT">
<!--
if (navigator.appVersion.indexOf('Win') >= 0) {
document.write("<LINK REL=stylesheet HREF=\"rot.css\" TYPE=\"text/css\">");
}
else {
document.write("<LINK REL=stylesheet HREF=\"blau.css\" TYPE=\"text/css\">");
}
//-->
</SCRIPT>
</HEAD>