js返回上一页

JavaScript08

js返回上一页,第1张

1、pc端返回上一页:

2、移动端返回上一页:

referrer 可以获取返回跳转或打开到当前页面的那个页面。如果用户直接打开了这个页面(不是通过页面跳转,而是通过地址栏或者书签等打开的),则该属性为空字符串。

由于该属性只是返回一个字符串,所以不能够通过该属性引用页面的 DOM。

特殊情况:

1.直接在浏览器中输入地址

2.用location.reload()、location.href()、location.replace()等刷新页面

3.扫码进入微信或QQ浏览器

4.直接新窗口打开一个页面

5.meta标签来控制不让浏览器发送referer <meta content="never" name="referrer">

1、新建一个html文件,命名为test.html,用于讲解js如何实现返回上一页,并刷新页面。

2、在test.html文件内,使用a标签创建一个链接,链接的地址是test2.html页面。

3、再新建一个html文件,命名为test2.html,用于实现返回上一页,即返回test.html页面。

4、在test2.html文件内,使用a标签创建一个链接,跳转的地址设置为“#”(href="#"),同时给该链接绑定onclick点击事件。

5、在test2.html文件内,将onclick事件绑定backurl()函数,即当链接被点击时,执行backurl()函数。

6、在test2.html文件的js标签内,创建backurl()函数,在函数内,使用document.referrer获得上一个页面的地址,再通过self.location跳转至上一个页面。

7、在浏览器打开test.html文件,查看实现的效果。

在jsp中返回上一页,有很多种方法,参考如下:

1. <a href="javascript:history.back(-1)">返回上一页</a>

2. <a href="javascript:" onClick="javascript:history.back(-1)">返回上一页</a>

3.如果是用按钮做的话就是:

<input type="button" name="Submit" onclick="javascript:history.back(-1)" value="返回上一页">

4.用图片做的话就是:

<a href="javascript :" onClick="javascript :history.back(-1)"><img src="图片路径" border="0" title="返回上一页"></a>

5.<a href="javascript:history.go(-1)">向上一页</a>, 返回两个页面: history.go(-2)

页面跳转:onclick="window.location.href='list.php'"

6.用js实现页面自动返回到上一页

几秒钟后自动返回上一页代码:(加入两个head间,3000表示3秒)

<script type="text/javascript">setTimeout("history.go(-1)", 3000) </script>

<SCRIPT language=javascript>

function go()

{

window.history.go(-1)

}

setTimeout("go()",3000)

</SCRIPT>