localStorage - Eine Lösung aber unzufrieden

[Gunnar Bittersmann]

@@Rolf B

Sobald der Browser ein Script-Tag antrifft, unterbricht er die HTML Verarbeitung und führt das Script aus. Wenn es ein externes Script ist, wird es erstmal geladen, und der Browser wartet.

Nicht, wenn das defer-Attribut gesetzt ist. [MDN, s.a. Efficiently load JavaScript with defer and async]

<script>
   // Demo, ergänze für produktiven Einsatz eine Prüfung, ob localStorage vorhanden ist!
   document.write("<div class='gallery-widget "+ (localStorage.toggle || "") + "'>");
</script>
<noscript>
   <div class='gallery-widget'>
</noscript>

Geht besser ohne document.write():

<div class='gallery-widget'>
<script>
	if (localStorage && localStorage.toggle)
	{
		document.querySelector('.gallery-widget').classList.add(localStorage.toggle);
	}
</script>

LLAP 🖖