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 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>
Bausteine
Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.
CSS - Container vertikal drehen