1 / 3

JavaScript Window Location Object Full Guide

You will learn that how you can use window location object of JavaScript. In this post you will get the all information about window location object and how can you use it in different ways.<br><br>

36357
Download Presentation

JavaScript Window Location Object Full Guide

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. JavaScript Window Location Object Full Guide You will learn that how you can use window location object of JavaScript. In this post you will get the all information about window location object and how can you use it in different ways. What is the use of window.location • • First we can use it for getting the value of current web page address or URL Second for redirecting the current page to new page. Some Types Of Window location There are 5 basic types o window.location. All 5 types will do different work. 1.window.location.href 2.window.location.hostname 3.window.location.pathname 4.window.location.assign() 5.window.loacation.protocol Window Location Href ( window.location.href ) The window. Location.href gives us the current web page address or URL and it can redirect the current page also. Get the Current Page URL var OP = window.location.href; if your current page url is - https://something.com/test Then the window.location.href will set "https://something.com/test" the value of variable OP Redirect the Current Page

  2. For redirecting the current page URL we will manually set the value of window.location.href. window.location.href = 'https://google.com'; If Your current page url is http://something.com then the above JavaScript code will redirect the page to https://google.com Window Location Hostname ( window.location.hostname ) window.location.hostname gives us the name of domain of current page or Hostname. Hostname means where the files are hosted. if you open a URL ex- google.com/login then the hostname for this page is google.com Code - var op = window.location.hostname; This javascript code will return the current page hostname as a value of variable op If this code is written in this page - www.anything.com/blog/test.html Then script will set www.anything.com as the value of variable op Window Location Pathname (window.location.pathname) window.location.pathname gives us the path address of the current page. If you are in this page ex - www.itscybertech.com/p/about.html Then the path name for the above url is/p/about.html var op = window.location.pathname; the above JavaScript code will set the current page pathname as the value of variable op Window Location Protocol (window.location.protocol) The window.location.protocol gives us the web protocol of the current URL If you are visiting a site ex- https://facebook.com Then the webprotocol for the above URL is https: var op = window.location.protocol;

  3. The above JavaScript code will return the webprotocol of the current page. Window Location Assign (window.location.assign) The window.location.assign() simply load a new document or new URL. Ex - window.location.assign('https://www.itscybertech.com'); This code will load http://www.itscybretch.com .

More Related