How can I get everything after the forward slash in my url?

Question

When I visit my url, my script will get the current URL and store it in a variable with

var currentURL = (document.URL);

I'd like to get everything after the forward slash in my url because there will be a hash ID after the forward slash like this:

www.mysite.com/XdAs2 

so this is what would be stored in my variable currentURL and I'd like to take only the XdAs2 from it and store that into another variable. In addition, I'd like to know two other things.

1. Is document.URL the best way to get the current URL or will I have issues with some browsers?

2. If I were to try to open that URL using an iframe, will document.URL still work? or must there be an address bar present containing the url? I would really appreciate answers for those questions three questions. Thank you

Answer 1

Here's some pseudo code:

var currentURL = (document.URL); // returns http://myplace.com/abcd
var part = currentURL.split("/")[1];
alert(part); // alerts abcd

Basically:

1) document.URL should work fine in all major browsers. For more info refer to this Mozilla Developer Network article or this SO question

2) for an iframe, you need to write something like: document.getElementById("iframe_ID").src.toString()

Answer 2

Using jquery, you can do he following in order to access every inch of the current URL: www.mysite.com/XdAs2?x=123

assuming you have the following url: 1- get the url in a jQuery object

var currentUrl = $(location)

2- access everything using the following syntax

var result = currentUrl.attr('YOUR_DESIRED_PROPERTY');

some common properties:

• hostname => www.mysite.com
• pathname => XdAs2
• search => ?x=123

I hope this may help.

Answer 3

If you want everything after the host, use window.location.pathname

Answer 4

Following on from Mohammed's answer you can do the same thing in vanilla javascript:

var urlPath = location.pathname,
    urlHost = location.hostname;