Im HEAD dieser HTML-Seite steht im statischen HTML kein LINK zu einem
externen CSS.
Ein JavaScript schreibt 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.)
Das heisst: 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 | Interpretation |
|---|---|---|
| MS IE 5.0 | rot | korrekt |
| Opera 5.1 | rot | korrekt |
| Netscape 6.0 | rot | korrekt |
| Netscape 4.75 | rot | korrekt |
Das JavaScript im HEAD sieht so aus:
<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>