How to get base URL in JavaScript?

Hello everyone, I am going to share the code sample to get base URL using the JavaScript. I think this one is very interesting stuff when you developing the web applications.

Using this no need to writing on local base URL and server base URL again and again, The below code help me to prevent the re writing the base URL again and again actually.

The live output, go to link http://embed.plnkr.co/GTwlRC/preview

The go detail as given below.

var _baseURL;

//This method id used to get the base URL for global constant.

function getBaseURL() {

_baseURL= location.protocol + "//" + location.hostname +

(location.port && ":" + location.port) + "/";

return baseURL;

}

The live demo example code as given below

<!DOCTYPE html>

<html>

<head>

function getBaseURL() {

var currentBaseURL = location.protocol + "//" + location.hostname + (location.port && ":" + location.port) + "/";

return currentBaseURL;

};

window.onload = function (e) {

var baseURL = getBaseURL();

alert(baseURL);

};

</script>

</head>

<body>

<div>

<h1>how to get base url in JavaScript?</h1>

<h2><a href="http://www.code-sample.com/">http://www.code-sample.com/</a></h2>

</div>

</body>

</html>

The live output , go to link http://embed.plnkr.co/GTwlRC/preview

Pin it

Hey! I'm Anil Singh. I author this blog. I'm Active Blogger, Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
My Blogs - http://www.code-sample.com and http://www.code-sample.xyz
My Books - Google Amazon and Flipkart Book Store!

                          You Might Also Like                
                         