转载
关注
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文件，查看实现的效果。
<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>
JavaScript脚本语言具有以下特点:
(1)脚本语言。JavaScript是一种解释型的脚本语言,C、C++等语言先编译后执行,而JavaScript是在程序的运行过程中逐行进行解释。
(2)基于对象。JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。
(3)简单。JavaScript语言中采用的是弱类型的变量类型,对使用的数据类型未做出严格的要求,是基于Java基本语句和控制的脚本语言,其设计简单紧凑。
(4)动态性。JavaScript是一种采用事件驱动的脚本语言,它不需要经过Web服务器就可以对用户的输入做出响应。在访问一个网页时,鼠标在网页中进行鼠标点击或上下移、窗口移动等操作JavaScript都可直接对这些事件给出相应的响应。
(5)跨平台性。JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用,前提上机器上的浏览器支 持JavaScript脚本语言,目前JavaScript已被大多数的浏览器所支持。
不同于服务器端脚本语言，例如PHP与ASP，JavaScript主要被作为客户端脚本语言在用户的浏览器上运行，不需要服务器的支持。所以在早期程序员比较青睐于JavaScript以减少对服务器的负担，而与此同时也带来另一个问题：安全性。
而随着服务器的强壮，虽然程序员更喜欢运行于服务端的脚本以保证安全，但JavaScript仍然以其跨平台、容易上手等优势大行其道。同时，有些特殊功能（如AJAX）必须依赖Javascript在客户端进行支持。随着引擎如V8和框架如Node.js的发展，及其事件驱动及异步IO等特性，JavaScript逐渐被用来编写服务器端程序。
