JavaScript window.location.href

JavaScript window location href property enables you to get or set the current URL location of the web browser. You can get the current URL location by accessing the href property of location object. If you will set value of href property of location as a new URL location then it will redirect the current page to new location. JavaScript location object belongs to JavaScript window object that allows you to access the href property using window.location.href. You can also access the href property directly as location.href.

Try the sample below to learn and practice the code functionality of JavaScript window location href property:

Edit this code and click update to view output

<html>
<head>
    <title>Javascript Window Location Href</title>
</head>
<body>

document.write("<b>Get location.href value using window object:</b> " + window.location.href);
        document.write("<br /><br>");

document.write("<b>Get the location.href value directly:</b> " + location.href);
        
        function setLocationHref()
        {
            // set the location path as local page name.
            window.location.href = 'page.htm';
        }
        
        function setLocation(href)
        {
           // set the location path specified in the textbox.
           location.href = document.getElementById(href).value;
        }
                
    </script>

<p>
        <b>Click this button to set the location href value:</b><br />
        It will navigate you to the specified location
        <input id="Button1" type="button" value="Set Location" onclick="setLocationHref();" />
    </p>
    
    
    <p>
        <b>Specify location href value:</b> <input id="Text1" type="text" value="http://www.google.com/" size="25" />
        <input id="Button2" type="button" value="Set Location" onclick="setLocation('Text1');" />
    </p>
    
</body>
</html>

OUTPUT:

Get Code for this sample...

Previous Sample

Next Sample