How to set location and location.href using JavaScript ?
Both location and location.href are used to set or return the complete URL of your current page. They return a string which contains the entire URL with the protocol.
Syntax:
Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!
location = "https://www.geeksforgeeks.org";
or
location.href = "https://www.geeksforgeeks.org";
Both are used to set the URL. Both are described as running JavaScript 1.0 in the backend in Netscape 2.0 and have been running in all browsers ever since. However, you have the liberty to prefer any one of the two according to your convenience but it is preferred to use location.href because location might not support older versions of Internet Explorer.
Commands like location.split(“#); cannot be used as location is an object but location.href can be used as it is a string.
Example: The following code demonstrates the DOM Location href property.
HTML
<!DOCTYPE html> <html> <head> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style> </head> <body> <h1>GeeksforGeeks</h1> <h2>Setting location and location.href</h2> <p> Click on the button to go to designated URL </p> <button ondblclick="myhref()"> Destination URL </button> <p id="href"></p> <script> function myhref() { location.href = } </script> </body> </html> |
Output:
Before Clicking the Button:
After Double Click on Button:
