Klasse zum <body> hinzufügen wenn JavaScript (jQuery) aktiv ist
Mit diesem winzigen Snippet könnt ihr dem body
-Tag eures HTML-Dokuments eine Klasse zuweisen, sofern JavaScript beim Besucher aktiv ist. Das Prinzip ist denkbar einfach: Wir fügen die entsprechende Klasse per jQuery hinzu. Wenn JavaScript deaktiviert ist, wird folglich auch keine Klasse zugewiesen.
Kopiert das nachfolgende Snippet in den head
oder footer
eurer Website. Wenn JavaScript aktiv ist, wird dem body
die Klasse „js“ zugewiesen.
jQuery wird übrigens über Google eingebunden. Wenn das Framework bei euch bereits aktiv ist, könnt ihr die obere Zeile also weglassen.
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('body').addClass('js');
});
</script>
Wenn man kein jQuery nutzt, kann man dieses hier benutzen.
Nur auf js umbenennen (class=“nojs xyz“ => class=“js“)
js hinzufügen (class=“nojs xyz“ => class=“nojs xyz js“)
Oder nojs ersetzen (class=“nojs xyz“ => class=“js xyz“)
Beim letzten hat man dann ne gute Trennung.
@Oliver: Vielen Dank für diese sinnvolle und interessante Ergänzung!