जावास्क्रिप्ट में URL और URL पार्ट्स प्राप्त करें - सीएसएस-ट्रिक्स

Anonim

जावास्क्रिप्ट वर्तमान 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 पथ प्राप्त करने के लिए:

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

URL के साथ काम करने का एक अधिक आधुनिक तरीका URL () वैश्विक तरीका है।

यदि आपको पथनाम को तोड़ने की आवश्यकता है, उदाहरण के लिए, https://css-tricks.com/blah/blah/blah/index.html जैसे URL, तो आप स्ट्रिंग को "/" वर्णों पर विभाजित कर सकते हैं

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देवटोल कंसोल में रखने के लिए एक चोटी रखने का सबसे तेज तरीका है और देखें: