2010-11-19 12 views
2

Ich habe viel gesucht und habe die Lösung für mein Problem nicht gefunden.Alternative CSS laden, wenn Javascript/JQuery deaktiviert ist

Was ich versuche zu tun, ist zwei CSS-Stylesheets für eine Website zu haben. Ein Stylesheet, wenn javascript oder jQuery aktiviert ist, und eines, wenn es deaktiviert ist. Wie würde ich das machen?

Antwort

9

Verwendung so etwas wie dieses:

<noscript> 
<link type="text/css" href="noscript.css" rel="stylesheet" /> 
</noscript> 

hoffe, das hilft!

EDIT

Denn wenn JS ist aktiviert, sondern nur die JS mit <link> Tag erstellen. (document.write(...);)

+2

rate ich würde * gegen * 'document.write()', da dies unnötig Styling, während das Skript verzögert * dann * Stile werden geladen, was zu einer viel längeren Verzögerung für den Benutzer führt. –

3

Ihr zweites Stylesheet kann einfach überschreiben, was in der ersten ist. Vergangenheit (nach), dass sind nur die zweite in einem <noscript> Tag, wie folgt aus:

<noscript> 
    <link rel="stylesheet" type="text/css" href="myStyles.css"> 
</noscript> 
Verwandte Themen