Script ausführen, wenn sich hash ändert?

[Dsimon24]

Hallo zusammen,

ich möchte ein Script ausführen, wenn sich in der URL etwas nach der # ändert.
Wenn ich also per Link von index.html#p1 auf index.html#p2 bspw. wechsle,
soll das Script ausgeführt werden - wie kann ich das realisieren?

VG, David

 

[Aaron3219]

Mit der hashchange funktion:

$(window).on('hashchange', function(){
    // Code
});

Das Beispiel ist jetzt Jquery. Ist aber auch mit vanilla Js möglich.

Edit:
Ungetestet:
Wenn du eine if Abfrage machen willst, dann:

if(window.location.hash) {
  // Es existiert ein #...
  // Hier die Frage, if hash === #test1 {}
  if (window.location.hash === #test1) {
      //Code
  }

  if (window.location.hash === #test2) {
     //Code
  }
} else {
  // Es existiert kein #...
}

2. Edit:
Vergiss nicht, dass du die if-Abfrage in ein click-Event handler packen musst, sofern du z.B auf einen Button klicken musst um den # zu verändern.