Get a free trial // Grow your CSS skills // Land your dream job

Current Page with JavaScript

Last updated on:

This is like a replacement for PHP's SCRIPT_NAME with JavaScript.


For example with this URL:

This code:

document.write( location.href.split('/').pop() );

Would write to the page: "index.php"

Reference URL


  1. Brian Lang
    Permalink to comment#

    There’s a significant problem with this snippet:

    If you change the example page to:

    You will see that NOTHING is returned. So if you’re writing code that relies on ‘index.php’ being returned, your code will not execute.

    • Chris Coyier
      Permalink to comment#

      That’s right. It would only be really useful if you were running a web app that enforced URLs in a strict way so there wasn’t any possibility of multiple URL’s going to the same place.

    • Abhisek
      Permalink to comment#

      Any workaround?

    • YepoMax

      Indeed, any .httaccess URL rewriting will make this snippet not to work. The most common URL rewriting is the index.php or index.html being erased.

      It works for but URL are often rewritten this way :

      And in the “worst” case, there are even arguments and reference to html element :

      There’s NO way to really know what page was really requested on server since the URL rewriting is server-side and Javascript is client-side. However, if you assume a very common server with common url rewriting, you can tell that an url that ends with “/” is probably a page named index.php

      Here’s a code that works for any of those urls (including the original one) :

      var urlsplit = location.href.split("/");
      var scriptName = urlsplit.pop().split("?")[0].split("#")[0] || "index.php";

      Just keep in mind that it is not rare that the URL doesn’t reflect what script was executed server-side.

  2. Stuart

    Chris is there away to have more than 2 scripts on a page .I had a Accordion rotation, and a drop-down
    Apple style Navigation bar both worked
    but i didn’t have any page scroll bar so i couldn’t look at the content. I have been learning this for about a week
    so i am not great at JavaScript. So how would i go about it? I make most of my sites in Dreamweaver
    so after my mock up i save as a template.
    Is it still possible to put more scripts on still.
    is there a hack ? Not sure what to do .Thanks

  3. Artur Ejsmont
    Permalink to comment#

    It will aslo include request arguments and the hash like



  4. ενυδρεια
    Permalink to comment#

    where is the tutorial???

  5. Klimatistika

    This is an old link that needs a refresh? Hey Chris thank you for your hard work, i have use many of your tips.

  6. James

    Is this working on WordPress sites? And what is the function of the tip?

Leave a Comment

Posting Code

We highly encourage you to post problematic HTML/CSS/JavaScript over on CodePen and include the link in your post. It's much easier to see, understand, and help with when you do that.

Markdown is supported, so you can write inline code like `<div>this</div>` or multiline blocks of code in in triple backtick fences like this:

  function example() {
    element.innerHTML = "<div>code</div>";

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed