JavaScript Location Object

Page 1 of 2

Author : Exforsys Inc. Published on: 4th Jul 2007

JavaScript Location Object

In this JavaScript tutorial, you will learn about JavaScript Location Object - assign(), reload(), replace(), JavaScript Window Object Methods viz alert(), blur(), setInterval() and clearInterval().

Methods of Location Object

Ads

assign():

The assign method of location object is used for loading a new document.

General syntax of assign method of location Object:

location.assign(URL)

for example

<html>
   <head>
      <script type="text/javascript">
         function test()
         {
          window.location.assign("http://www.exforsys.com")
         }

      </script>
   </head>

   <body>
       <input type="button" value="Click Here For Loading New Document" onclick="test()" />

   </body>
</html>

The output of the above program is a button with message as

Click Here For Loading New Document

When this button is clicked, the site exforsys.com loads as a document.

reload():

This method of location object is used for reloading the current document. The currently displayed page in the window that owns the location object is reloaded. This means that the document that owns the Location object is to be reloaded.

General syntax of reload method of location Object:

location.reload()

for example

<html>
   <head>
      <script type="text/javascript">
         function test()
         {
          window.location.reload()
         }

      </script>
   </head>

   <body>
       <input type="button" value="Click Here For ReLoading page" onclick="test()" />

   </body>
</html>

The output of the above program is a button with message as

Click Here For ReLoading Page

When this button is clicked, the current document reloads.

replace():

As the name implies, the replace() method of location object replaces the current document with a new one. The current History entry is replaced with the URL specified in the replace method. NOTE: The programmer must know that after the replace method is called he or she cannot go back to the previous URL by using the back button.

General syntax of replace method of location Object:

location.replace(URL)

The URL specified in argument is the new URL.

for example

<html>
   <head>
      <script type="text/javascript">
         function exareplace()
         {
         window.location.replace("http://www.exforsys.com")
         }

      </script>
   </head>

   <body>
       <input type="button" value="Click Here to Replace" onclick="exareplace()" />

   </body>
</html>