HTML DOM Style columnRule Property

HTML | DOM Location replace() Method

Last Updated : 05 May, 2025

The DOM Location replace() Method in HTML is used to replace the current document with the specified one. This method is different from the assign() method as this removes the current document from the document history, therefore it is not possible to go back to the previous document using the 'back' button.

Syntax:

location.replace( newUrl );

Parameters:

newUrl: This is the URL to replace the current page with. This is a required parameter.

Note: The URL to be replaced must allow framing.

Return Value: No return value.

Example:

html

<!DOCTYPE html>
<html lang="en">

<head>
    <title>DOM Location replace() Method</title>
</head>

<body>
    <h1 style="color: green">GeeksforGeeks</h1>
    <b>DOM Location replace() Method</b>

    <p>Click the button to replace 
      the current document with a new one.</p>

    <button onclick="changePage()">
      Change Page
    </button>

    <script>
        function changePage() {

            // change the document to
            // the GeeksforGeeks homepage
            location.replace(
             "https://www.geeksforgeeks.org/community/");
        }
    </script>
</body>

</html>

Output:

Before pressing the button:

before-click

After pressing the button:

after-click

Supported Browsers: The browser supported by DOM Location replace() Method are listed below:

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

HTML DOM Style columnRule Property

sayantanm19

Improve

Article Tags :

Similar Reads

HTML DOM Style textDecorationStyle Property

The Style textDecorationStyle property in HTML DOM is used to set the decoration of text with different kinds of lines. It can display the line in various styles like a single line, double line, wavy, etc. By using this property, we can display the line in a specified style. Syntax:Â Â It returns the

HTML | DOM Style listStyle Property

The Style listStyle Property in HTML DOM used to set up to three list properties namely list-style-typelist-style-positionlist-style-image Syntax: It returns the listStyle property.object.style.listStyleIt used to set the listStyle property.object.style.listStyle = "type position image|initial|inher

HTML | DOM Style outlineStyle Property

The Style outlineStyle property in HTML DOM is used to set or return the style of the outline around an element. Syntax: It is used to return the outlineStyle property.object.style.outlineStyleIt is used to set the outlineStyle property.object.style.outlineStyle = value Property Values: none: This i

HTML | DOM Heading Object

The DOM Heading Object is used to represent the HTML <Heading> elements. The Heading elements is accessed by getElementById().Properties: align: This element contains a align attribute which is used to sets or returns the alignment of the heading elements. Syntax: document.getElementById("ID")

HTML | DOM Ul Object

The DOM Ul Object is used to represent the HTML <ul> element .the ul element is accessed by getElementById().Properties: compact: It is used to set or return whether the height of the unordered list would be render smaller than normal, or not. type: It is used to set or return the value of the

HTML | DOM Time Object

The DOM Time Object is used to represent the HTML Time element . The Time element is accessed by getElementById().Properties: dateTime: It contains single attribute datetime which is used to set or return the date/time in a machine-readable form of the element. Syntax: document.getElementById("ID");

HTML DOM insertAdjacentHTML() Method

The DOM insertAdjacentHTML() method is used to insert a text as HTML file to a specified position. This method is used to change or add text as HTML. Syntax : node.insertAdjacentHTML(specify-position, text-to-enter) Return Value : This will return the page with the specified change. There are four l

HTML DOM | Style pageBreakAfter Property

The Style pageBreakAfter property is used for setting or returning the page-break behavior after an element in printing or print preview. The Style pageBreakAfter property does not affect the absolutely positioned elements. Syntax : To get the property: object.style.pageBreakAfter To set the propert

HTML | DOM Style columnGap Property

The DOM Style columnGap property specifies the gap between the columns. Syntax : For return the value: object.style.columnGap For set the value: object.style.columnGap = "length|normal|initial|inherit" Property Values: length: Set the column gap in length unit. normal: The default value of column ga

HTML | DOM Style textDecorationColor Property

The Style textDecorationColor property in HTML DOM is used to set the color of the text-decoration like underlines, overlines, and line-throughs. It can also return the text-decoration color. Syntax: It returns the textDecorationColor property.object.style.textDecorationColorIt is used to set the te