Λάβετε τμήματα URL και URL σε JavaScript - CSS-Κόλπα

Anonim

Το JavaScript μπορεί να έχει πρόσβαση στην τρέχουσα διεύθυνση URL σε τμήματα. Για αυτήν τη διεύθυνση URL:

https://css-tricks.com/example/index.html?s=flexbox
  • window.location.protocol = "Http:"
  • window.location.host = "Css-tricks.com"
  • window.location.pathname = "/Example/index.html"
  • window.location.search = "? S = flexbox"

Έτσι, για να λάβετε την πλήρη διαδρομή URL σε JavaScript:

var newURL = window.location.protocol + "//" + window.location.host + "/" + window.location.pathname + window.location.search

Λίγο πιο σύγχρονος τρόπος εργασίας με τα URL είναι η καθολική μέθοδος URL ().

Εάν πρέπει να χωρίσετε το όνομα διαδρομής, για παράδειγμα, μια διεύθυνση URL όπως https://css-tricks.com/blah/blah/blah/index.html, μπορείτε να διαιρέσετε τη συμβολοσειρά σε χαρακτήρες "/"

var pathArray = window.location.pathname.split('/');

Στη συνέχεια, αποκτήστε πρόσβαση στα διάφορα μέρη από τα μέρη του πίνακα, όπως

var secondLevelLocation = pathArray(0);

Για να επαναφέρετε αυτό το όνομα διαδρομής, μπορείτε να συνδυάσετε τον πίνακα και να επαναφέρετε το "/" πίσω:

var newPathname = ""; for (i = 0; i < pathArray.length; i++) ( newPathname += "/"; newPathname += pathArray(i); )

Πιθανώς ο γρηγορότερος τρόπος για να αποκοιμήσετε αυτό που έχετε είναι να βάλετε window.locationστην κονσόλα DevTools και να δείτε: