Als junger Webentwickler habe ich mich oft gefragt, wie man Ereignisse am besten auslösen kann (zum Beispiel, um einen Link dazu zu bringen, neuen Inhalt auf der Seite anzuzeigen, ohne ihn neu laden zu müssen). Ich habe darüber nachgedacht, HTML-Elemente als Event-Handler zu verwenden, indem ich beim Auslösen eines Events eine Eigenschaft ändere – aber das schien mir einfach zu hinderlich. Ich brauchte etwas, das meinem HTML im Weg steht.

Dann schaute ich auf meine URL-Leiste, die einsam und ungenutzt da saß, und mir kam eine Idee. Ich würde einfach zwei URL-Parameter hinzufügen, einen benannten Event und einen benannten Daten! Es war perfekt!

Zumindest dachte ich das. Durch das Hinzufügen von URL-Parametern wird die Seite neu geladen, sodass dies auch nicht funktionieren würde. Aber ich dachte immer noch, dass die URL der beste Weg sei, und erinnerte mich an Hashes.

Für diejenigen, die es nicht wissen: Durch das Hinzufügen von Hashes zu einer URL wird die Seite nicht neu geladen.

Ich verwende diese Technik seitdem und sie ist zweifellos meine Lieblingstechnik. Ich glaube nicht, dass dies eine übliche Technik ist. Ich weiß nur, dass es meinen Bedürfnissen entspricht.

window.addEventListener("hashchange", function(hash) {
  if (hash === "#profile-19289948") {
    ...
  }
});

Jetzt bin ich neugierig – machen andere Leute etwas Ähnliches? Wissen andere überhaupt, wovon ich rede?