js返回上一页

JavaScript017

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">

落叶上的秋

转载

关注

0点赞·521人阅读

返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项,长话短说,今天介绍实现此功能的一个方法,需要了解的朋友可以参考下

一:JS 重载页面,本地刷新,返回上一页

复制代码代码如下:

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

<a href="javascript:location.reload()">重载页面,本地刷新</a>

<a href="javascript:history.go(-1)location.reload()">返回上一页重载页面,本地刷新</a>

返回前二页并刷新的JS代码应该怎样写。

复制代码代码如下:

history.go(-2)

location.reload()

二:js 方法

复制代码代码如下:

<a href="#" οnclick="self.location=document.referrer">返回</a>

asp自动返回并刷新的方法:

复制代码代码如下:

response.Write("<script language=javascript>self.location=document.referrer</script>")

一般用于向一个页面提交action后返回前一页并刷新!

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

2. history.back().

3. window.history.forward()返回下一页

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

例:

<a href="javascript:history.go(-1)">向上一页</a>

response.Write("<script language=javascript>")

response.Write("if(!confirm('完成任务?')){history.back()}")

response.Write("</script>")

response.Write("<script language=javascript>history.go(-1)</script>")

<a href="javascript:history.go(-1)">向上一页</a>

页面跳转:οnclick="window.location.href='list.aspx'"

P.S.

小技巧(JS引用JS):

<script type=text/javascript>

<!--

if (typeof SWFObject == "undefined") {

document.write('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr' + 'ipt>')}

//-->

</script>

Javascript刷新页面的几种方法:

1history.go(0)

2location.reload()

3location=location

4location.assign(location)

5document.execCommand('Refresh')

6window.navigate(location)

7location.replace(location)

8document.URL=location.href

自动刷新页面的方法:

1.页面自动刷新:把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20">

其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20url=http://www.javaeye.com">

其中20指隔20秒后跳转到http://www.javaeye.com页面

3.页面自动刷新js版

<script language="JavaScript">

function myrefresh()

{

window.location.reload()

}

setTimeout('myrefresh()',1000)//指定1秒刷新一次

</script>

ASP.NET如何输出刷新父窗口脚本语句

1. this.response.write("<script>opener.location.reload()</script>")

2. this.response.write("<script>opener.window.location.href = opener.window.location.href</script>")

3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'')</script>")

JS刷新框架的脚本语句

//如何刷新包含该框架的页面用

<script language=JavaScript>

parent.location.reload()

</script>

//子窗口刷新父窗口

<script language=JavaScript>

self.opener.location.reload()

</script>

( 或 <a href="javascript:opener.location.reload()">刷新</a> )

//如何刷新另一个框架的页面用

<script language=JavaScript>

parent.另一FrameID.location.reload()

</script>

如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。

<body οnlοad="opener.location.reload()">开窗时刷新

<body onUnload="opener.location.reload()">关闭时刷新

<script language="

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文件,查看实现的效果。