how to get page url without decode in javascript?

Question

How can I get page URL from window.location.href without decode in javascript?

For example we can not get exactly this URL: http://example.com/report#title=example_report&url=project_chart%2F%3Fproject_id%3D77.

When we use window.location.href in javascript , we will get this URL:

http://example.com/report#title=example_report&url=project_chart/?project_id=77.

But I want to get exactly the same real URL.

Any solution?

Edited

as @Eugenio told, $(document)[0].URL works fine , but Is it safe?!

Browser decodes it for you. You can always url encode your string in JS. But why you need exactly the same URL? — Justinas
– Justinas, Commented Mar 14, 2018 at 15:50
real url? you mean example.com? or example.com/report or what? — Joe Warner
– Joe Warner, Commented Mar 14, 2018 at 15:50
Pretty sure he means the url with all the % signs and values — Eugenio
– Eugenio, Commented Mar 14, 2018 at 15:51
@JoeWarner, i want http://example.com/report#title=example_report&url=project_chart%2F%3Fproject_id%3D77 — saleh mosleh
– saleh mosleh, Commented Mar 14, 2018 at 15:51

KOUSIK MANDAL · Accepted Answer · 2018-03-14 15:54:08Z

4

Try to use encodeURI.

As for example;

var url = window.location.href;
var originalUrl = encodeURI(url);

This function(encodeURI) encodes special characters, except: , / ? : @ & = + $ #

You can use encodeURIComponent() to encode these characters.

answered Mar 14, 2018 at 15:54

KOUSIK MANDAL

2,0421 gold badge24 silver badges51 bronze badges

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

8 Comments

saleh mosleh Over a year ago

looks like this encodes all of URL parts , but i need some of my URL.i try to send a URL as a GET parameter.

KOUSIK MANDAL Over a year ago

Ok, so just take the part of the url from full url string, and use the function encodeURI.

saleh mosleh Over a year ago

in a URL we are expecting for any thing. we can not detect which of parts is the url param if all of URL be in decode mode. whats your idea about $(document)[0].URL ?

KOUSIK MANDAL Over a year ago

Are you getting your expected part using $(document)[0].URL? And if you explain which part of url you want to actually encode, then I can give you some insights.

saleh mosleh Over a year ago

i need to convert # part to JSON obeject.

|

rafaelkendy · Accepted Answer · 2018-03-14 16:02:06Z

2

You can use encodeURIComponent, but you have to get the part of a string you want to encode.

encodeURIComponent(window.location.href.split('&url=')[1])

Or you can use RegExp to be more precise.

answered Mar 14, 2018 at 16:02

rafaelkendy

6910 bronze badges

1 Comment

saleh mosleh Over a year ago

in a URL we are expecting for any thing. we can not detect which of parts is the url param if all of URL be in decode mode.

Eugenio · Accepted Answer · 2018-03-14 18:48:42Z

Just to make a clear and concise answer I will sum up all the comments.

For your problem the best solution is to use document[x].url where x is the index of the URL part that you want to use.

The main difference for your problem between window.location.href and document.url is that the last one gives you the URL in a string format, whilest the other return the URL already parsed.

Using either one is completely normal and safe and is widely adopted in all modern browsers.

var url1 = document.URL;
var url2 = window.location.href;

document.getElementById("documentUrl").append (url1);
document.getElementById("windowLocationUrl").append (url2);

<div id="documentUrl">document.url: </div>
<div id="windowLocationUrl">window.location.href: </div>

There is no difference in this particular snippet example because there are no parameters attached to the URL. Anyway, hope this helped. Cheers!

saleh mosleh · Accepted Answer · 2018-03-14 17:09:41Z

1

as @Eugenio told, i use below code and it works fine:

var url = $(document)[0].URL;

answered Mar 14, 2018 at 17:09

saleh mosleh

1452 silver badges15 bronze badges

Collectives™ on Stack Overflow

how to get page url without decode in javascript?

Edited

4 Answers 4

8 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

Edited

4 Answers 4

8 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related