How to remove query string from URL using href

Question

Currently, my page URL looks something like so:

https://example.com/eg?page=2

The URL can also sometimes look like:

https://example.com/eg/?page=2

I want to redirect the user to the same page, but without the query string, so that when clicking on a link it will take you to:

https://example.com/eg

I tried using the following href in an anchor tag suggested in this question:

<a href=".">To home</a>

When clicking on the link, it removes the query string like I want when the current page URL is https://example.com/eg/?page=2. However, if the page URL is https://example.com/eg?page=2 it takes me to https://example.com.

Question: Is there some type of directory path (ie url I can use in my href) I can use such that the two above URLs will always remove the query string? I can use javascript, but if a solution without is possible that would be preferred.

Note: I cannot hard code eg into my href url as I'm developing a widget which can sit in different environments, so, eg is subject to change.

Ian Mackinnon · Accepted Answer · 2020-06-16 12:13:09Z

7

A relative link beginning with ? should only modify the query string, so you could use:

<a href="?">Home</a>

Which would direct your example URLs to:

https://example.com/eg?
https://example.com/eg/?

It does include the ? in the final URL, which might not be what you want, but it is a functional option if you don't want to use Javascript.

answered Jun 16, 2020 at 12:13

Ian Mackinnon

14.6k14 gold badges58 silver badges69 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

CodeIt · Accepted Answer · 2019-07-10 05:59:09Z

5

You can use,

<a href="javascript:window.location.href=window.location.href.split('?')[0];">Home</a>

You can also use document.location instead of window.location. But it is not recommended. See here

edited Jul 10, 2019 at 5:59

answered Jul 10, 2019 at 5:49

CodeIt

3,6283 gold badges28 silver badges37 bronze badges

Comments

CodeIt · Accepted Answer · 2019-07-10 07:05:55Z

2

Apply this script into your a tag.

<a href="javascript:document.location.href=document.location.href.split('?')[0];">Home</a>

edited Jul 10, 2019 at 7:05

CodeIt

3,6283 gold badges28 silver badges37 bronze badges

answered Jul 10, 2019 at 5:51

Chaska

3,2151 gold badge13 silver badges17 bronze badges

1 Comment

dewd Over a year ago

I guess this removes hash after query string which might not be desired.

Collectives™ on Stack Overflow

How to remove query string from URL using href

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related