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 W = 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 W = 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;
padding: 10px;
width: 350px;
margin: Auto;
}
.fehler {
color: #000000;
background-color: #FFFFBF;
padding: 10px;
width: 350px;
margin: Auto;
}
</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
JavaScript - Automatische Weiterleitung nach einigen Sekunden
MySQL - Bilder in einer Datenbank-Tabelle speichern und ausgeben