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.

<col> Tabellenspalten vordefinieren

CSS - Eingabefelder und Buttons formatieren

PHP - Logfiles in einer Datei speichern

JavaScript - Überprüfen ob eine Zeichenfolge nur alphanumerische Zeichen enthält

MySQL - Datensatz Wert erhöhen

Selbstdarstellung
Webdarstellung ist nicht nur Selbstdarstellung. Berichten Sie nicht allzu viel über sich selbst. Den Besucher interessiert in der Regel mehr ein Thema (Hobby) das Sie haben als ein langer Bericht, dass Sie weltweit nicht nur der Einzige, sondern auch der Beste sind. Wenn dies zutreffen soll, dann beweisen Sie es mit Ihrem Angebot. Qualität spricht sich auch im Netz herum.