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 相关文章推荐
css图片自适应大小
Nov 28 Javascript
JavaScript将Table导出到Excel实现思路及代码
Mar 13 Javascript
javascript制作坦克大战全纪录(1)
Nov 27 Javascript
js上传图片及预览功能实例分析
Apr 24 Javascript
TypeScript 中接口详解
Jun 19 Javascript
js制作带有遮罩弹出层实现登录注册表单特效代码分享
Sep 05 Javascript
JavaScript获取ul中li个数的方法
Feb 13 Javascript
AngularJs 延时器、计时器实例代码
Sep 16 Javascript
vue.js 嵌套循环、if判断、动态删除的实例
Mar 07 Javascript
解决jquery的ajax调取后端数据成功却渲染失败的问题
Aug 08 jQuery
javascript事件监听与事件委托实例详解
Aug 16 Javascript
微信小程序连续签到7天积分获得功能的示例代码
Aug 20 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 cout&amp;lt;&amp;lt;的一点看法
2010/01/24 PHP
php对关联数组循环遍历的实现方法
2015/03/13 PHP
Smarty模板语法详解
2019/07/20 PHP
模仿JQuery sortable效果 代码有错但值得看看
2009/11/05 Javascript
使图片旋转的3种解决方案
2013/11/21 Javascript
JS实现在线统计一个页面内鼠标点击次数的方法
2015/02/28 Javascript
javascript控制图片播放的实现代码
2020/07/29 Javascript
JavaScript简单判断复选框是否选中及取出值的方法
2015/08/13 Javascript
基于jQuery实现的QQ表情插件
2015/08/25 Javascript
JQuery EasyUI Layout 在from布局自适应窗口大小的实现方法
2016/05/28 Javascript
AngularJS 作用域详解及示例代码
2016/08/17 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
js实现表单提交后不重新刷新当前页面
2016/11/30 Javascript
微信小程序通过api接口将json数据展现到小程序示例
2017/01/20 Javascript
jquery.form.js异步提交表单详解
2017/04/25 jQuery
几个你不知道的技巧助你写出更优雅的vue.js代码
2018/06/11 Javascript
js正则匹配多个全部数据问题
2019/12/20 Javascript
JavaScript常用8种数组去重代码实例
2020/09/09 Javascript
[43:47]完美世界DOTA2联赛PWL S3 LBZS vs Phoenix 第一场 12.09
2020/12/11 DOTA
python实现在无须过多援引的情况下创建字典的方法
2014/09/25 Python
Python图像灰度变换及图像数组操作
2016/01/27 Python
Python Socket实现简单TCP Server/client功能示例
2017/08/05 Python
Python之web模板应用
2017/12/26 Python
Python读取视频的两种方法(imageio和cv2)
2018/04/15 Python
python一键去抖音视频水印工具
2018/09/14 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
pytorch 实现tensor与numpy数组转换
2019/12/27 Python
PyTorch: Softmax多分类实战操作
2020/07/07 Python
浅析CSS3 用text-overflow解决文字排版问题
2020/10/28 HTML / CSS
Linux的主要特性
2014/10/06 面试题
实习生自荐信范文
2013/11/13 职场文书
英语感谢信范文
2015/01/20 职场文书
教师节寄语2015
2015/03/23 职场文书
演讲开场白和结束语
2015/05/29 职场文书
校运会广播稿
2015/08/19 职场文书
Python采集股票数据并制作可视化柱状图
2022/04/04 Python