JavaScript'te URL ve URL Parçalarını Alın - CSS Hileleri

Anonim

JavaScript mevcut URL'ye parçalar halinde erişebilir. Bu URL için:

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"

Yani JavaScript'te tam URL yolunu almak için:

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

URL'lerle çalışmanın biraz daha modern bir yolu, URL () global yöntemidir.

Yol adını, örneğin https://css-tricks.com/blah/blah/blah/index.html gibi bir URL'ye ayırmanız gerekirse, dizeyi "/" karakterlerine bölebilirsiniz.

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

Ardından, dizinin farklı bölümlerine aşağıdaki gibi erişin

var secondLevelLocation = pathArray(0);

Bu yol adını tekrar bir araya getirmek için, diziyi birleştirebilir ve "/" karakterlerini tekrar yerleştirebilirsiniz:

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

Muhtemelen sahip olduklarınızı zirveye çıkarmanın en hızlı yolu window.locationDevTools konsoluna koymak ve aşağıdakileri görmektir: