JavaScript Window Location | javaScript Window

JavaScript Window Location | javaScript Window

JavaScript Window Location; In this tutorial, You will learn javascript window location features and uses. How to use it.

The window.location object can be used to get the current webpage (URL) and to redirect the browser to a new webpage. The window prefix is not necessary but in some cases we need it.

Some of the most important daily useful functions / methods of javascript window location are the window.location.href, the window.location.hostname, the window.location.pathname, window location.protocol, window.location.assign(), etc.

Which you can use for the following tasks like, javascript redirect on page load, how to redirect to another page in javascript on button click, how to redirect to another page in javascript with parameters, javascript redirect to relative url, how to redirect from one page to another in html on button click, javascript redirect after 5 seconds, html button onclick redirect to another page and, how to redirect to another page in html after login, etc.

JavaScript Window location Methods/Functions

  • window.location.href => get the current webpage.
  • window.location.hostname => get the webhost (domain name).
  • window.location.pathname => get filename path of the current webpage.
  • window.location.protocol => get the web protocol used (http: or https:)
  • window.location.assign => loads a new document.

1: The Window location href

The window.location.href method return the current webpage URL.


var exp = window.location.href;

document.write("Current url of browser =  "+exp);

2: Window Location Hostname

The window.location.hostname method used to which is return the name of the current pages internet host.


var exp = window.location.hostname;

document.write("hostname =  "+exp);

3: Window Location Pathname

The window.location.pathname method is used for get the pathname of the current webpage.


var exp = window.location.pathname;

document.write("Pathname =  "+exp);

4: Window Location Protocol

The window.location.protocol method is used for get the protocol of the current webpage.


var exp = window.location.protocol;

document.write("Protocol =  "+exp);

5: Window Location Assign

The window.location.assign() method loads a new document.


function newDocument() { 

Recommended JavaScript Tutorials


Greetings, I'm Devendra Dode, a full-stack developer, entrepreneur, and the proud owner of My passion lies in crafting informative tutorials and offering valuable tips to assist fellow developers on their coding journey. Within my content, I cover a spectrum of technologies, including PHP, Python, JavaScript, jQuery, Laravel, Livewire, CodeIgniter, Node.js, Express.js, Vue.js, Angular.js, React.js, MySQL, MongoDB, REST APIs, Windows, XAMPP, Linux, Ubuntu, Amazon AWS, Composer, SEO, WordPress, SSL, and Bootstrap. Whether you're starting out or looking for advanced examples, I provide step-by-step guides and practical demonstrations to make your learning experience seamless. Let's explore the diverse realms of coding together.

Leave a Reply

Your email address will not be published. Required fields are marked *