How do I turn this:
http://bit.ly/Wn2Xdz
into this:
http://bit.ly/
Bear in mind that this would NOT be the current URL in the window, but a string. And the base URL might change (not all the time http://bit.ly).
-
Warning: If your website is ever hosted as a web application (under a path like domain.com/appname/) a simple string indexing answer will not work.iCollect.it Ltd– iCollect.it Ltd2014-10-20 09:57:42 +00:00Commented Oct 20, 2014 at 9:57
-
stackoverflow.com/questions/8498592/…Nishan Senevirathna– Nishan Senevirathna2014-10-20 09:59:03 +00:00Commented Oct 20, 2014 at 9:59
-
possible duplicate of How can I turn a string into a Location object?Tudmotu– Tudmotu2014-10-20 10:00:26 +00:00Commented Oct 20, 2014 at 10:00
-
stackoverflow.com/questions/6736595/…Tudmotu– Tudmotu2014-10-20 10:01:48 +00:00Commented Oct 20, 2014 at 10:01
-
@TrueBlueAussie "web applications that are not hosted at the domain root" what is this restriction? Question was not subjected to that kind of restriction right?Nishan Senevirathna– Nishan Senevirathna2014-10-20 10:05:09 +00:00Commented Oct 20, 2014 at 10:05
|
Show 1 more comment
3 Answers
you can use an anchor tag to parse it reliably:
var temp=document.createElement("a");
temp.href="http://bit.ly/Wn2Xdz";
alert(temp.origin+"/"); // shows: "http://bit.ly/"
1 Comment
CodingIntrigue
Very clever solution. Unlike David's this includes the port too
I'd suggest, at its simplest:
function hostnameFromURL(url) {
var a = document.createElement('a');
a.href = url;
return a.protocol + '//' + a.hostname;
}
console.log(hostnameFromURL('http://bit.ly/Wn2Xdz')); // http://bit.ly
Comments
If it is just a string manipulation thing, you can get the base url from given string as below
var url = "http://bit.ly/Wn2Xdz";
var temp = url.split("/");
var baseUrl = temp[0] + "//" + temp[2];//http://bit.ly
1 Comment
Nishan Senevirathna
No this is not a simple one as string manipulation. Sometime you can get complex urls with port like 8080 or something else. So you can't rely on this.