JS本地刷新返回上一页代码


Posted in Javascript onJuly 25, 2016

长话短说,今天介绍实现此功能的一个方法,需要了解的朋友可以参考下:

一、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="#" onclick="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>

页面跳转:onclick="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刷新页面的几种方法:

1    history.go(0)
2    location.reload()
3    location=location
4    location.assign(location)
5    document.execCommand('Refresh')
6    window.navigate(location)
7    location.replace(location)
8    document.URL=location.href

 自动刷新页面的方法:
1.页面自动刷新:把如下代码加入区域中

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

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

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

<meta http-equiv="refresh" content="20;url=http://chenhaoxiang.github.io"> 

 其中20指隔20秒后跳转到http://chenhaoxiang.github.io页面

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 onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">
window.opener.document.location.reload()
</script>

 三、在ASP中利用JS实现返回上一页并刷新
在ASP中利用JS实现返回上一页并刷新我想是利用ASP开发网站的时候经常使用的。但写法也有几种,但目的都是一样的。

代码如下:

<% 
response.write("<font color=""red"" font-size=""12px"">已经删除成功!font>") 
%> 
<div align="center">[<a href="/"onClick="javascript :window.history.go(-1);return false;" class=fontsize14><span style="color: #CC0033">返回</span></a>]</div>

 这段代码实现的功能是告知用户要是实现的功能已经达到,但在返回的时候最好是刷新一下原来的页面让新信息显示出来或者是让删除的东西不在显示。但这段代码却不能在返回的时候刷新原来的网页。
所以需要在原来的页面加上这样一段代码:

<script> 
if(window.name != "Bencalie"){ 
//如果页面的 name 属性不是指定的名称就刷新它 
location.reload(); 
window.name = "Bencalie"; 
} 
else{ 
//如果页面的 name 属性是指定的名称就什么都不做,避免不断的刷新
window.name = ""; 
} 
</script>

 这样就可以达到我们的目的了?返回上一页并刷新。
当然还有比这个要简单的代码,

response.write("<script>alert('删除成功!');window.location='原来的页面';</script>");

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript中简单的进制转换代码实例
Oct 26 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
Feb 21 Javascript
动态创建script标签实现跨域资源访问的方法介绍
Feb 28 Javascript
JavaScript通过function定义对象并给对象添加toString()方法实例分析
Mar 23 Javascript
基于jQuery实现文本框只能输入数字(小数、整数)
Jan 14 Javascript
使用async-validator编写Form组件的方法
Jan 10 Javascript
vue2.0 实现页面导航提示引导的方法
Mar 13 Javascript
vue实现中部导航栏布局功能
Jul 30 Javascript
微信小程序按顺序同步执行的两种方式
Dec 20 Javascript
Node.js学习之内置模块fs用法示例
Jan 22 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
Apr 11 Javascript
vant组件中 dialog的确认按钮的回调事件操作
Nov 04 Javascript
jQuery layui常用方法介绍
Jul 25 #Javascript
Bootstrap Validator 表单验证
Jul 25 #Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
Jul 25 #Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 #Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
Jul 25 #Javascript
javascript insertAfter()定义与用法示例
Jul 25 #Javascript
jquery之别踩白块游戏的简单实现
Jul 25 #Javascript
You might like
利用PHP实现与ASP Banner组件相似的类
2006/10/09 PHP
PHP CURL模拟GET及POST函数代码
2010/04/25 PHP
PHP+Mysql+jQuery查询和列表框选择操作实例讲解
2015/10/22 PHP
php5.3后静态绑定用法详解
2016/11/11 PHP
PHP实现表单提交数据的验证处理功能【防SQL注入和XSS攻击等】
2017/07/21 PHP
PHP进阶学习之反射基本概念与用法分析
2019/06/18 PHP
用JavaScript页面不刷新时全选择,全删除(GridView)
2009/04/14 Javascript
JS焦点图切换,上下翻转
2011/05/12 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
2013/12/10 Javascript
JS+CSS实现仿新浪微博搜索框的方法
2015/02/24 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
2015/03/02 Javascript
jQuery实现表格行上移下移和置顶的方法
2015/05/22 Javascript
javascript实现QQ空间相册展示源码
2017/12/12 Javascript
Vue + better-scroll 实现移动端字母索引导航功能
2018/05/07 Javascript
vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定
2018/09/14 Javascript
[05:05]第三天的dota2
2013/07/29 DOTA
[02:28]DOTA2亚洲邀请赛附加赛 RECAP赛事回顾
2015/01/29 DOTA
[03:49]2016完美“圣”典风云人物:AMS专访
2016/12/06 DOTA
python中使用urllib2获取http请求状态码的代码例子
2014/07/07 Python
Python中super函数的用法
2017/11/17 Python
python中的json总结
2018/10/11 Python
Python神奇的内置函数locals的实例讲解
2019/02/22 Python
python django生成迁移文件的实例
2019/08/31 Python
解决Python 异常TypeError: cannot concatenate 'str' and 'int' objects
2020/04/08 Python
python db类用法说明
2020/07/07 Python
pycharm中leetcode插件使用图文详解
2020/12/07 Python
简单的HTML5初步入门教程
2015/09/29 HTML / CSS
Happy Socks英国官网:购买五颜六色的袜子
2020/11/03 全球购物
涉外文秘个人求职的自我评价
2013/10/07 职场文书
金融专业个人的自我评价
2013/10/18 职场文书
会计员岗位职责
2014/03/15 职场文书
乡镇消防工作实施方案
2014/03/27 职场文书
婚礼女方父母答谢词
2015/01/04 职场文书
如何写通讯稿
2015/07/22 职场文书
助学金申请书该怎么写?
2019/07/16 职场文书
Tomcat执行startup.bat出现闪退的原因及解决办法
2022/04/20 Servers