JavaScript - URL Query und Fragment über JavaScript auslesen

Demo: seite.php?test=eins#zwei
(Ausgabe in der Browser-Konsole)

query - alles nach dem Fragezeichen ?
fragment - alles nach dem Textanker #


<script>

// URL Query und Fragment über JavaScript auslesen

// search (query)
if (window.location.search != "") {
 var 
window.location.search.split("=");
 
console.log(W[1]);
}

// hash (fragment)
if (window.location.hash) {
 
console.log(location.hash.substr(1,10));
}
</
script>

Beispiel 2


<script>

window.addEventListener("load", function() {
  if (
window.location.search != "") {
   var 
window.location.search.split("=");
   if (
W[1] == 'OK') {
    
document.getElementById("status").innerText 'Die Nachricht wurde erfolgreich versandt.';
    
document.getElementById("status").classList.add("erfolgreich");
   }
   if (
W[1] == 'KO') {
    
document.getElementById("status").innerText 'Beim versenden der Nachricht ist leider ein Fehler aufgetreten!';
    
document.getElementById("status").classList.add("fehler");
   }
 }
});
</
script>

<
style>
.
erfolgreich {
 
color#000000;
 
background-color#00CA33;
 
padding10px;
 
width350px;
 
marginAuto;
}

.
fehler {
 
color#000000;
 
background-color#FFFFBF;
 
padding10px;
 
width350px;
 
marginAuto;
}
</
style>

<
div id="status"></div>

Bausteine

Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Animierte Box mit Keyframes

PHP - Kalenderwoche anzeigen

JavaScript - Geolocation API - Bei Knopfdruck Koordianten ausgeben

MySQL - Eintrag in der Tabelle löschen