我想用JavaScript分割视窗网址

Question

I have a URL like this:

http://www.exemple.local/en/node/28

I want to split only the en part and insert it in another div. My code is something like this:

var url = window.location.href;
var urlDomaine = document.location.origin
var splitedUrl = url.split(urlDomaine)[1];
console.log(splitedUrl);
$('.div').text(splitedUrl);

This will print to me the /en/node/28 and I don't want to split it again, any ideas?

Answer 1

You don't need to hack the string around with split() , or any other convoluted methods.

Simply use window.location.pathname . When run on the URL you've specified this will return:

/en/node/28

If you only want the en value, split the pathName then retrieve the second element of the resulting array:

var pathName = window.location.pathName; // = '/en/node/28'
var lang = pathName.split('/')[1]; // = 'en'

Answer 2

IMHO, you are looking for something like this (using Web Api's URL ):

 var url = 'http://www.exemple.local/en/node/28' var myURLObj = new URL(url); console.log(myURLObj.pathname) // '/en/node/28' console.log(myURLObj.pathname.split('/')[1]); // 'en' 

Answer 3

Here's how you can use ES6 destructuring feature to break down your full url into it's various parts:

 var path = 'http://www.exemple.local/en/node/28' let [protocol, url, locale, node, id] = path.split('/').filter(chunk => chunk.length); console.log(protocol); console.log(url); console.log(locale); console.log(node); console.log(id);