To change the URL in the browser without loading the new page, we can use history.pushState() method and replaceState() method from JavaScript. To display the browser-URL before changing the URL we will use window.location.href in the alert() function and will use again after changing the browsers-URL. Note: The history.pushState() method combines HTML 5 History and JavaScript pushState() method.Â
Syntax:
alert(" Message:" + window.location.hrf);
Below examples illustrate the above approach:Â
Example 1:Â
HTML
<head>     <script>         function neveropen() {             alert("The current URL of this"             + " page is: " + window.location.href);         }                   function change_url() {             window.history.pushState("stateObj",                 "new page", "changedURL.html");                           alert("The URL of this page is: "                     + window.location.href);         }     </script> </head> <body onload="neveropen()">     <a href="javascript:change_url()">         Click to change url     </a> </body> |
Output:Â
Â
Example 2:Â
HTML
<head>     <script type="text/javascript">         function neveropen() {             alert("The current URL of this "             + "page is: " + window.location.href);         }                   function change_url() {             window.history.replaceState("stateObj",                     "new page", "changedURL.html");                           alert("The URL of this page is: "                     + window.location.href);         }     </script> </head> <body onload="neveropen()">     <a href="javascript:change_url()">         Click to change url     </a> </body> |
Output:Â
Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, neveropen Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!
… [Trackback]
[…] There you can find 21082 more Information to that Topic: geeksforgeeks.org/how-to-display-changed-browser-url-without-reloading-through-alert-using-javascript-2/ […]
… [Trackback]
[…] Read More on that Topic: geeksforgeeks.org/how-to-display-changed-browser-url-without-reloading-through-alert-using-javascript-2/ […]