ready
论坛版主
论坛版主
  • UID24
  • 粉丝0
  • 关注0
  • 发帖数433
  • 社区居民
  • 忠实会员
  • 原创写手
阅读:5433回复:0

js跳转 之 前进、后退、返回……

楼主#
更多 发布于:2018-08-13 10:18
二、返回上一页
1、在原来的窗体中直接跳转用

window.location.href="test.html";
2、返回上一页原页面中的表单中的数据会丢失


window.history.go(-1);
3、返回上一页原页面 表单中的内容会保留



window.history.back();
实例:

实例1:

<input type=button value=刷新 onclick="window.location.reload()">
<input type=button value=前进 onclick="window.history.go(1)">
<input type=button value=后退 onclick="window.history.go(-1)">
<input type=button value=前进 onclick="window.history.forward()">
<input type=button value=后退 onclick="window.history.back()">

实例2:

<a href="javascript:history.go(-1)">返回上一页</a>
<a href="javascript:location.reload()">刷新当前页面</a>
<a href="javascript:" onclick="history.go(-2); ">返回前两页</a>
<a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a>
<a href="javascript:" onclick="history.back(); ">返回上一页</a>

实例3:
<a href=”javascript:” onclick=”fun1()” >  </a>
<a href=”javascript: undefined” onclick=”fun1()” >  </a>
<a href=”javascript:void(0)” onclick=”fun1()” >  </a>
这三种方式,要实现的效果是一样的。即不执行跳转而是执行对应的函数,而JavaScript:void(0)在页面内容很多的时候会好一些
而且W3C标准不推荐在href里面执行javascript语句,所以还是用 onclick事件触发吧,所以我们不要这样写:<a href=javascript:function()>  </a>
游客


返回顶部