How to get current .php or .html file name by JavaScript?

Question

Can I get the current .php or .html file name by JavaScript? The script is in the external file in respect to current .php or .html, so need the name file name of this current .html of .php:

<!DOCTYPE html>
<html>

<head>
    ...
    <script src="js/Script.js" type="text/javascript"></script>
</head>

<body>
    ...
</body>
</html>

I tried this but the variable value was empty, maybe because currently I use the local host. Anything that can to do which will be work on both local and remote host?

Depends on the way you are running the server. window.location may help but depends on your routing algo. for. eg if you run in this page you will actually not get php or html because the uri routing will not show it — Iceman
– Iceman, Commented Jul 13, 2016 at 3:29
Possible duplicate of Getting the current script executing filename in javascript — Iceman
– Iceman, Commented Jul 13, 2016 at 3:36
Pls say why soln of stackoverflow.com/questions/2196606/… doesnt work as it uses same window.location.pathname as ur accepted answer. — Iceman
– Iceman, Commented Jul 13, 2016 at 3:40
Sorry, my mistake. Really I used the ` var fileName = location.href.split("/").slice(-1);` solution because it is short. I could not delete this question myself and make the flag. Sorry again. — Takeshi Tokugawa YD
– Takeshi Tokugawa YD, Commented Jul 13, 2016 at 5:41

Ravistm · Accepted Answer · 2016-07-14 00:52:06Z

3

Below is the simple code to get full URL and filename of URL:

Example1:

var url=location.href;
var urlFilename = url.substring(url.lastIndexOf('/')+1);

OUTPUT1:

url => http://localhost/demo/index.php
urlFilename => index.php

OUTPUT2:

url => http://localhost/demo/
urlFilename =>

urlFilename will be empty in case of url is rewritten to (http://localhost/demo/)

Example2: I do not know if you want to use php inside javascript, if you are desperate to get the filename this is one way to do it.

var filename = '<?= __FILE__?>';alert(filename);
//output: ex: /opt/lampp/htdocs/demo/index.php
var url2 = filename.substr(filename.lastIndexOf('/')+1);
//output: ex: index.php

answered Jul 14, 2016 at 0:52

Ravistm

2,26326 silver badges26 bronze badges

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

Comments

rafaelncarvalho · Accepted Answer · 2018-01-10 20:45:48Z

1

Window Location

Verify if this document can help you.

It must be something, like this:

var page = window.location.href;

edited Jan 10, 2018 at 20:45

rafaelncarvalho

7297 silver badges27 bronze badges

answered Jul 13, 2016 at 1:15

marcollahc

461 silver badge6 bronze badges

4 Comments

Iceman Over a year ago

Only in a rudimentary implementation. If you use a templater engine or routing in php window.location will not see anything releavant. for example this page will give /questions/38341122/how-to-get-current-php-or-html-file-name-by-javascript. Not the html or servre filename

marcollahc Over a year ago

Yes, you're right, this code is good in case URL have the script name.

Iceman Over a year ago

he has said stackoverflow.com/questions/2196606/… doesnt work. how is that question different?

marcollahc Over a year ago

This post that you show me is an alternative for the problem of Gurebu

KeltaKing · Accepted Answer · 2021-12-20 12:27:46Z

0

Create following function to get the current .php or .html file's name in JavaScript.

const getCurrentFile = () => {
    let url = window.location.href;
    let objs = url.split("/");
    return (objs[objs.length-1]);
}

Here, with the help of JavaScript's split function, we splits the url with "/" and then returned the last element.

answered Dec 20, 2021 at 12:27

KeltaKing

12 bronze badges

Collectives™ on Stack Overflow

How to get current .php or .html file name by JavaScript?

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related