Get the URL without any parameters in JavaScript | Example code

There are multiple ways to Get the URL without any parameters in JavaScript.

First get the get current URL get rid of the query parameters.

const url = window.location.href.split('?')[0]

Second concat origin and pathname, if there’s present a port such as example.com:80, that will be included as well.

const url = window.location.origin + window.location.pathname
//http://example.com/somedir/somefile/

window.location.origin will give you the base url, in our test case: http://example.com

window.location.pathname will give you the route path (after the base URL), in our test case /somedir/somefile

Get the URL without any parameters in JavaScript

Complete HTML example code:

window location origin + pathname

Using hardcoded URL for example.

<html>
<body>
	<script>
		var url = new URL("https://www.eyehunts.com/path/?par=1");

		const url_new = url.origin + url.pathname;

		const ulr_orgin = url.origin;

		console.log(url_new);
		console.log(ulr_orgin);
	</script>

</body>
</html>

Output:

Rid of the query parameters using split method

Split the URL till ? mark.

<html>
<body>
	<script>
		var url = new URL("https://www.eyehunts.com/path/?par=1");

		const url_new = url.href.split('?')[0]

		console.log(url_new);
	</script>

</body>
</html>

Output: https://www.eyehunts.com/path/

Do comment if you have any doubts and suggestion on this JS URL tutorial.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version


Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.