Nhận URL và Phần URL trong JavaScript - Thủ thuật CSS

Anonim

JavaScript có thể truy cập URL hiện tại theo từng phần. Đối với URL này:

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”

Vì vậy, để có được đường dẫn URL đầy đủ trong JavaScript:

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

Một cách hiện đại hơn một chút để làm việc với URL là phương thức toàn cục URL ().

Nếu bạn cần chia nhỏ tên đường dẫn, ví dụ: một URL như https://css-tricks.com/blah/blah/blah/index.html, bạn có thể chia chuỗi thành các ký tự “/”

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

Sau đó, truy cập các phần khác nhau theo các phần của mảng, như

var secondLevelLocation = pathArray(0);

Để đặt tên đường dẫn đó lại với nhau, bạn có thể ghép mảng lại với nhau và đặt dấu “/” trở lại:

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

Có lẽ cách nhanh nhất để đạt được đỉnh cao những gì bạn có là đặt window.locationvào bảng điều khiển DevTools và xem: