Traversing History (Moving Back and Forward using JavaScript)

JavaScript enables user to go back to some page in history. Similarly a forward button can also be configured using javascript.

BACK :

1. <FORM>
     <INPUT type=”button” value=”Click here to go back” onClick=”history.back()”>
    </FORM>

2.  <FORM>
      <INPUT type=”button” value=”Click here to go back” onClick=”history.go(-1)”>
    </FORM>

3. buttonTest.Attributes.Add(“onClick”,”javascript:history.back();”);

4. buttonTest.Attributes.Add(“onClick”,”javascript:history.go(-1);”);

FORWARD :

1. <FORM>
     <INPUT type=”button” value=”Click here to go back” onClick=”history.forward()”>
    </FORM>

2.  <FORM>
      <INPUT type=”button” value=”Click here to go back” onClick=”history.go(1)”>
    </FORM>

3. buttonTest.Attributes.Add(“onClick”,”javascript:history.forward();”);

4. buttonTest.Attributes.Add(“onClick”,”javascript:history.go(1);”);

~ by Neha Sinha on February 6, 2008.