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 相关文章推荐
高效的表格行背景隔行变色及选定高亮的JS代码
Dec 04 Javascript
JS小功能(button选择颜色)简单实例
Nov 29 Javascript
用jQuery模拟select下拉框的简单示例代码
Jan 26 Javascript
node.js中的querystring.parse方法使用说明
Dec 10 Javascript
使用jquery菜单插件HoverTree仿京东无限级菜单
Dec 18 Javascript
javascript实现Email邮件显示与删除功能
Nov 21 Javascript
jQuery Mobile页面返回不需要重新get
Apr 26 Javascript
JavaScript地理位置信息API
Jun 11 Javascript
jquery层级选择器的实现(匹配后代元素div)
Sep 05 Javascript
Angular实现可删除并计算总金额的购物车功能示例
Dec 26 Javascript
JavaScript中的事件与异常捕获详析
Feb 24 Javascript
JS前端使用Canvas快速实现手势解锁特效
Sep 23 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与SQL注入攻击[二]
2007/04/17 PHP
PHP迅雷、快车、旋风下载专用链转换代码
2010/06/15 PHP
基于php split()函数的用法详解
2013/06/05 PHP
php下获取http状态的实现代码
2014/05/09 PHP
destoon出现验证码不显示时的紧急处理方法
2014/08/22 PHP
PHP自定义错误用法示例
2016/09/28 PHP
PHP实现移除数组中为空或为某值元素的方法
2017/01/07 PHP
document.all与WEB标准
2020/05/13 Javascript
JavaScript高级程序设计(第3版)学习笔记10 再访js对象
2012/10/11 Javascript
js获取json元素数量的方法
2015/01/27 Javascript
JavaScript的Backbone.js框架环境搭建及Hellow world示例
2016/05/07 Javascript
微信小程序 图片绝对定位(背景图片)
2017/04/05 Javascript
vue awesome swiper异步加载数据出现的bug问题
2018/07/03 Javascript
Python实现的爬虫功能代码
2017/06/24 Python
python队列通信:rabbitMQ的使用(实例讲解)
2017/12/22 Python
浅谈python numpy中nonzero()的用法
2018/04/02 Python
python实现俄罗斯方块游戏
2020/03/25 Python
python爬虫豆瓣网的模拟登录实现
2019/08/21 Python
Python计算两个矩形重合面积代码实例
2019/09/16 Python
余弦相似性计算及python代码实现过程解析
2019/09/18 Python
Python笔记之工厂模式
2019/11/20 Python
python 用 xlwings 库 生成图表的操作方法
2019/12/22 Python
不到20行实现Python代码即可制作精美证件照
2020/04/24 Python
python不同系统中打开方法
2020/06/23 Python
pytorch查看模型weight与grad方式
2020/06/24 Python
python 解决selenium 中的 .clear()方法失效问题
2020/09/01 Python
pycharm使用技巧之自动调整代码格式总结
2020/11/04 Python
澳大利亚办公室装修:JasonL Office Furniture
2019/06/25 全球购物
ellesse美国官方商店:意大利高级运动服品牌
2019/10/29 全球购物
为什么如下的代码int a=100,b=100;long int c=a * b;不能工作
2013/11/29 面试题
物业管理应届生求职信
2013/10/28 职场文书
工作作风承诺书
2014/08/30 职场文书
2014年班组工作总结
2014/11/20 职场文书
2014年党小组工作总结
2014/12/20 职场文书
Python爬虫:从m3u8文件里提取小视频的正确操作
2021/05/14 Python
纯html+css实现奥运五环的示例代码
2021/08/02 HTML / CSS