JavaScript - URL Query und Fragment über JavaScript auslesen

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

query - Alles ab dem Fragezeichen ?
fragment - Alles ab 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>

URL erzeugen

const url = window.location.protocol + "//" + window.location.host + window.location.pathname;

'https' und den Querystring aus der URL entfernen

https://developer.mozilla.org/en-US/docs/Web/API/URL

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<hr> Trennlinie

CSS - Lightbox

PHP - Download-Zeit ermitteln

JavaScript - Automatische Weiterleitung nach einigen Sekunden

MySQL - Bilder in einer Datenbank-Tabelle speichern und ausgeben

Under Construction
Im WWW sind 99 Prozent aller Seiten ständig "under construction". Langweile Sie also den Leser nicht mit dem X-ten under-cunstruction-Icon. Wenn Sie noch an den Seiten arbeiten, haben sie im Netz nichts zu suchen. Also: Nur fertige Seiten anbieten!