JavaScript

Hinweis: Diese Seite ist eine persönliche Sammlung zu Infos rund um JavaScript.
Sie hat weder den Anspruch auf Vollständigkeit, noch auf vollständige Richtigkeit. Trotzdem wirst du hier vielleicht noch ein paar wertvolle Infos oder Links rausziehen können.

JavaScript in Head oder Body?

Es ist nicht vorgeschrieben, an welcher Stelle einer HTML-Datei ein JavaScript-Bereich definiert werden muss.

Vorteil von JavaScript im Head:

Es wird sichergestellt, dass der Code vom Browser bereits eingelesen ist und zur Verfügung steht, wenn er ausgeführt werden soll. Dies ist aber nur selten notwendig (Scripts die "document.write" nutzen müssen im Head-Bereich stehen).

Nachteil von JavaSript im Head:

Es verlangsamt den Seitenaufbau.

Um dem Besucher die Seite schnellstmöglich anzuzeigen, wird deshalb empfohlen JavaScript am Besten vor dem schließendem </body>-Tag einzufügen.

Weblinks die diese Aussage stützen: [1], [2], [3]

Wissenswertes

JavaScript-Code, der nicht innerhalb einer Funktion steht, wird beim Einlesen der Datei vom Browser sofort ausgeführt.

Konkretes Coding

Mit folgendem JavaScript kannst du einen Link bauen, der auf die letzte davor besuchte Seite verweist:
```
<a href="javascript: history.go(-1)">Zurück</a>
```
Um <script></script> innerhalb von einem anderen <script></script> zu verwenden, nutze {{html "</sc"+"ript>"}} als schließendes Tag.^[1]
Um ein JavaScript erst dann auszuführen, wenn der User an eine bestimmte Stelle gescrollt hat: [4]
Um HTML via JavaScript einzufügen: [5]

Weblinks

hscripts.com - Free JavaScript scripts
de.selfhtml.org - Alle Javascript-Style-Eigenschaften im Überblick
enable-javascript.com - Infos wie man JavaScript in verschiedenen Browsern aktiviert
lab.simurai.com/toy/monster - CSS/JavaScript-Spielerei: ein lustiges Cursor-fressendes Monster :)
stackoverflow.com - How to prevent JavaScript HTML blocking
java-ist-nicht-javascript.de - Java ist nicht JavaScript!
JavaScript: Best Practises

Weiterführendes

jQuery
HTML

Tools

HTMLPad - Intelligenter HTML-, CSS- und JavaScript-Editor

Stefan Seidner-Britting

↑ https://stackoverflow.com/a/33969575, abgerufen am 11.2.2020

[1] ttps://stackoverflow.com/a/33969575, abgerufen am 11.2.2020

[1]