Dapatkan Bahagian URL dan Bahagian URL dalam JavaScript - Trik CSS

Anonim

JavaScript boleh mengakses URL semasa di beberapa bahagian. 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"

Oleh itu, untuk mendapatkan laluan URL lengkap dalam JavaScript:

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

Sedikit cara yang lebih moden untuk bekerja dengan URL adalah kaedah global () global.

Sekiranya anda perlu memecah nama laluan, misalnya, URL seperti https://css-tricks.com/blah/blah/blah/index.html, anda boleh membahagikan rentetan pada aksara "/"

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

Kemudian akses bahagian yang berbeza mengikut bahagian larik, seperti

var secondLevelLocation = pathArray(0);

Untuk menyatukan kembali nama jalan itu, anda dapat menggabungkan susunan dan meletakkan kembali "/" di:

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

Mungkin cara terpantas untuk memuncak pada apa yang anda miliki adalah dengan memasukkan window.locationdi konsol DevTools dan melihat: