Redirect from one html page to another page using jquery

Question

I have created 2 static html pages locally, demo1.html and demo2.html.

I need to redirect from one page to another pag. Initially I opened my demo1.html page (url is file:///D:/app/demo1.html).

Now on clicking a button in this page I want to redirect to demo2.html

I tried:

$( "#submit" ).click(function() {
    window.location.href = "/demo2.html";
});

but it did not work. What changes I need to make it to work?

What errors do you get? Did you load jQuery (which seems like overkill for a redirection)? — j08691
– j08691, Commented May 18, 2015 at 16:48
Are the two pages in the same place? Try removing the "/" from your address: "demo2.html"; — Lance
– Lance, Commented May 18, 2015 at 16:48
Yes ,its in same place, I tried removing "/" did nit work. no action happens. I have loaded jquery and this function is written on ready function — monda
– monda, Commented May 18, 2015 at 16:51

devconcept · Accepted Answer · 2015-05-18 17:06:06Z

3

Drop the / at the begining of your new url.

If you are loading from a file like you said, writing "/demo2.html" will map to file:///d:/demo2.html

If you write

 $( "#submit" ).click(function() {
     window.location.href = "demo2.html";
 });

This will map to the same folder where you started your app, that is file:///D:/app/demo2.html

edited May 18, 2015 at 17:06

answered May 18, 2015 at 16:53

devconcept

3,6951 gold badge29 silver badges41 bronze badges

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

2 Comments

monda Over a year ago

Did not work, it just adds "?" to th url , no redirection happens

devconcept Over a year ago

I just tested the code an it works. If is not working for you is because you are not showing the full example. I recommend you that you post the demo1.html code (Maybe you are using another framework????)

Touhid Alam · Accepted Answer · 2015-05-18 17:08:43Z

0

Try this

 $('#submit').click(function() {
     window.location = '/demo2.html';
 };

edited May 18, 2015 at 17:08

answered May 18, 2015 at 16:53

Touhid Alam

3431 silver badge5 bronze badges

1 Comment

monda Over a year ago

Did not work, it just adds "?" to th url , no redirection happens

Collectives™ on Stack Overflow

Redirect from one html page to another page using jquery

2 Answers 2

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related