Skip to content
Related Articles

Related Articles

JavaScript BOM | Location object
  • Last Updated : 14 May, 2020

The Browser Object Model(BOM) provides the properties and methods for JavaScript to interact with the browser. BOM allows performing actions to manipulate the browser window through BOM objects without affecting the contents of the page i.e. the document. BOM objects are global objects.
The BOM objects used to manipulate the browser window that are:

  • location
  • history
  • navigator
  • screen
  • document

  • These objects are children of the window object. The window object represents the browser window. So, they can be used either with the prefix: window.object_name or without using the prefix object_name

    • location.href returns the URL of the web page currently loaded in the browser window.
      Syntax:

      console.log("URL of the web page " + location.href)
    • location.hostname returns the domain name of the current host (excluding the port number).
      Syntax:

      console.log("Domain name of current host page is " + location.hostname)
    • location.protocol returns the web protocol being used by the current web page (http:, file: or https:)
      Syntax:



      console.log("Protocol used by the current page is " + location.protocol)
    • location.assign returns a new web page loaded in the window, when the complete address is specified.
      Syntax:

      location.assign("http://www.google.com")
    • location.reload reloads the current page. Its function is the same as that of reload button in the browser window.
      Syntax:

      location.reload();

    Example: This example uses location.href property of the location object.

    filter_none

    edit
    close

    play_arrow

    link
    brightness_4
    code

    <!DOCTYPE html>
    <html>
      
    <body>
        <p id="a"></p>
      
        <script>
            document.getElementById("a").innerHTML
                = "  URL of the currently loaded page is "
                  + location.href; 
        </script>
    </body>
      
    </html>

    chevron_right

    
    

    Output:

    full-stack-img

    My Personal Notes arrow_drop_up
    Recommended Articles
    Page :