Open In App

HTML DOM Location assign( ) Method

Last Updated : 03 May, 2025
Comments
Improve
Suggest changes
Like Article
Like
Report

The Location assign() method is used for loading a new document. It can also be used for loading a new document but the difference between these two methods is that the replace() method removes the URL of the current document from the document history and therefore it is not possible to navigate back to the original document using the “back” button. 

Syntax:

location.assign(URL)

Parameters Used:

  1. URL: It is a mandatory parameter which specifies the URL of the page to navigate to.

Below program illustrates the Location assign() Method : 

Loading a new document. 

html 
<!DOCTYPE html>
<html>

<head>
    <title>Location assign() Method in HTML</title>
    <style>
        h1 {
            color: green;
        }
        
        h2 {
            font-family: Impact;
        }
        
        body {
            text-align: center;
        }
    </style>
</head>

<body>

    <h1>GeeksforGeeks</h1>
    <h2>Location assign() Method</h2>

    <p>For loading a new document, 
      double click the "Load Document" button: </p>

    <button ondblclick="load()">Load Document</button>

    <script>
        function load() {
            location.assign("https://www.geeksforgeeks.org");
        }
    </script>

</body>

</html>

Output:

  

After clicking the button

gfg


Supported Browsers

  • Google Chrome 1
  • Edge 12
  • Internet Explorer 5.5
  • Firefox 1
  • Opera 3
  • Safari 3

Next Article
Most Commonly Used Tags in HTML

S
Shubrodeep Banerjee
Improve
Article Tags :

Similar Reads

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy
Lightbox