在js中实现页面跳转

来源:互联网 发布:sql新增数值字段语句 编辑:程序博客网 时间:2024/05/18 00:13

js方式实现页面跳转的方式大概有下面这几种:
1.window.location.href方式

window.location.href="target.aspx";

2.window.navigate方式跳转

window.navigate("target.aspx");

3.window.loction.replace方式实现页面跳转(注意跟第一种方式的区别)

window.location.replace("target.jsp");

假设有3个jsp页面(1.jsp, 2.jsp, 3.jsp),进系统默认的是1.jsp,当我进入2.jsp的时候, 2.jsp里面用window.location.replace(“3.jsp”)与用window.location.href (“3.jsp”)进入3.jsp的区别:
从用户界面来看是没有什么区别的,但是当3.jsp页面有一个”返回”按钮,调用window.history.Go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.jsp页面的话,区别就出来了,当用 window.location.replace(“3.jsp”);进入3.jsp页面的话,3.jsp页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.jsp。

4.self.location方式实现页面跳转,和下面的top.location有一点点区别

self.location='target.aspx';

5.top.location

top.location='target.aspx';

6.不推荐这种方式跳转

alert("返回");
window.history.back(-1);

meta方式实现跳转(content = 3 单位是秒)

总结二:

  1. Javascript 返回上一页 window.history.go(-1), 返回两个页面: window.history.go(-2);

2.window.history.back(-1);返回上一页

  1. window.history.forward()进入下一页下一页

  2. window.history.go(返回第几页,也可以使用访问过的URL)

例:
向上一页

response.Write(“")
response.Write("if(!confirm('完成任务?')){history.back();}")
“)
response.Write(““)
向上一页

页面跳转:onclick=”window.location.href=’list.aspx’”

P.S.
小技巧(JS引用JS):
[javascript] view plain copy

0 0
原创粉丝点击