Dapatkan URL dan Bagian URL di JavaScript - Trik CSS

Anonim

JavaScript dapat mengakses URL saat ini di beberapa bagian. Untuk URL ini:

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”

Jadi untuk mendapatkan jalur URL lengkap di JavaScript:

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

Cara yang lebih modern untuk bekerja dengan URL adalah metode global URL ().

Jika Anda perlu memecah nama jalur, misalnya, URL seperti https://css-tricks.com/blah/blah/blah/index.html, Anda dapat memisahkan string pada karakter “/”

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

Kemudian akses bagian yang berbeda dengan bagian array, seperti

var secondLevelLocation = pathArray(0);

Untuk menyatukan kembali nama jalur tersebut, Anda dapat menyatukan array dan meletakkan kembali "/" di:

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

Mungkin cara tercepat untuk mencapai puncak pada apa yang Anda miliki adalah dengan memasukkan window.locationkonsol DevTools dan melihat: