Is there a way I can modify the URL of the current page without reloading the page? I would like to access the portion before the # hash if possible. I only need to change the portion after the domain,.

Yes, you can modify the URL of the current page without reloading the page using the JavaScript history API. You can use the pushState() method to change the URL without causing a page refresh. This is often used for creating smooth transitions within a single-page application (SPA) or for updating the URL to reflect the state of your application.

Here's an example of how you can use the pushState() method to modify the URL without reloading the page:

javascript

// Get the current URL
const currentURL = window.location.href;

// New URL you want to set
const newURL = currentURL.replace('example.com', 'new-example.com');

// Update the URL using pushState
window.history.pushState(null, null, newURL);

In this example, the pushState() method is used to update the URL to the newURL without causing a page reload. The first two null parameters are for the state object and the title (which are optional).

Please note that while the URL changes, the browser's address bar will update, but the page content won't automatically change. If you want to handle changes to the URL and update the page content accordingly (like in a SPA), you'll typically use JavaScript to listen for changes to the URL using the popstate event and then update the content using AJAX or other techniques.

Keep in mind that the pushState() method can be used to manipulate the URL within the same domain, and you should be cautious about how you handle URL changes to maintain a good user experience.