how to redirect on specific page using javascript

Question

I am having trouble redirecting from one page to another on button click using javascript?

say, for example, one page is index.php and another is sub-page.php, how can I redirect to the subpage from the home page using javascript? can anyone please guide me? files are located in the root directory of my project.

I had already tried following code but it is not working :

HTML code :

<button type="button" onclick="test()">click me</button>

js code :

function test(){
 window.location.href = "./sub-page.php";
}

Please be more descriptive than just "not working". What actually happens? Is sub-page.php located in the document root or under some sub folder? — M. Eriksson
– M. Eriksson, Commented Jun 10, 2021 at 5:35
Maybe the path to the sub-page.php is not right. You can also use window.open("sub-page.php", "_self"); — M.Hassan Nasir
– M.Hassan Nasir, Commented Jun 10, 2021 at 5:45
Why would you want to abuse a button, for what is clearly a link’s job? — C3roe
– C3roe, Commented Jun 10, 2021 at 6:37

Rakesh kumar Oad · Accepted Answer · 2021-06-10 05:43:04Z

4

You Can use this .

<script>window.location.href = "/sub-page.php";</script>

<script>window.location.href = "http://www.google.com";</script>

answered Jun 10, 2021 at 5:43

Rakesh kumar Oad

1,3641 gold badge15 silver badges24 bronze badges

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

Comments

fofchn · Accepted Answer · 2021-06-10 05:36:28Z

3

window.location.href = "sub-page.php";

answered Jun 10, 2021 at 5:36

fofchn

391 bronze badge

Comments

M.Hassan Nasir · Accepted Answer · 2021-06-10 05:46:48Z

3

First check for the right path for the sub-page You can also use window.open.

function test(){
    window.open("sub-page.php", "_self")
}

answered Jun 10, 2021 at 5:46

M.Hassan Nasir

8615 silver badges14 bronze badges

Comments

iWantSimpleLife · Accepted Answer · 2021-06-10 09:49:03Z

2

Is there any error in the browser's console?

If not, what you can do is put some "console.log" messages within your function, like

function test(){
 console.log("before href");
 window.location.href = "./sub-page.php";
 console.log("after href");
}

That way, you can tell if your function is being called correctly, by looking at the console output.

Always try to at least find an error message, instead of just saying it is not working. We will not be able to help you much with just a "not working".

answered Jun 10, 2021 at 9:49

iWantSimpleLife

1,96414 silver badges22 bronze badges

Collectives™ on Stack Overflow

how to redirect on specific page using javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related