js返回上一页并刷新代码整理


Posted in Javascript onDecember 21, 2012

一: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.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20"> 
其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=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 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 相关文章推荐
两种WEB下的模态对话框 (asp.net或js的分别实现)
Dec 02 Javascript
js取滚动条的尺寸的函数代码
Nov 30 Javascript
jquery库文件略庞大用纯js替换jquery的方法
Aug 12 Javascript
javascript函数式编程实例分析
Apr 25 Javascript
很棒的Bootstrap选项卡切换效果
Jul 01 Javascript
JavaScript中this的四个绑定规则总结
Sep 26 Javascript
layer实现弹窗提交信息
Dec 12 Javascript
js设置文字颜色的方法示例
Dec 30 Javascript
js判断是否是手机页面
Mar 17 Javascript
WebGL学习教程之Three.js学习笔记(第一篇)
Apr 25 Javascript
详解vue微信网页授权最终解决方案
Jun 16 Javascript
小程序实现列表展开收起效果
Jul 29 Javascript
左右悬浮可分组的网站QQ在线客服代码(可谓经典)
Dec 21 #Javascript
JS弹出窗口代码大全(详细整理)
Dec 21 #Javascript
mailto的使用技巧分享
Dec 21 #Javascript
一个页面放2段图片滚动代码出现冲突的问题如何解决
Dec 21 #Javascript
TextArea设置MaxLength属性最大输入值的js代码
Dec 21 #Javascript
JQuery实现简单时尚快捷的气泡提示插件
Dec 20 #Javascript
JQuery实现简单验证码提示解决方案
Dec 20 #Javascript
You might like
PHP的面向对象编程
2006/10/09 PHP
一篇入门的php Class 文章
2007/04/04 PHP
mysql 性能的检查和优化方法
2009/06/21 PHP
PHP5中Cookie与 Session使用详解
2013/04/30 PHP
PHP多个文件上传到服务器实例
2014/10/29 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题
2007/01/09 Javascript
JavaScript中的Array对象使用说明
2011/01/17 Javascript
js实现简单登录功能的实例代码
2013/11/09 Javascript
javascript的动态加载、缓存、更新以及复用(一)
2014/06/09 Javascript
Node.js实现简单聊天服务器
2014/06/20 Javascript
对Web开发中前端框架与前端类库的一些思考
2015/03/27 Javascript
jQuery Ajax中的事件详细介绍
2015/04/16 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
2015/09/10 Javascript
js和C# 时间日期格式转换的简单实例
2016/05/28 Javascript
如何重置vue打印变量的显示方式
2017/12/06 Javascript
JS判断数组是否包含某元素实现方法汇总
2020/06/24 Javascript
JavaScript实现烟花绽放动画效果
2020/08/04 Javascript
Vue+element+cookie记住密码功能的简单实现方法
2020/09/20 Javascript
[06:49]2018DOTA2国际邀请赛寻真——VirtusPro傲视群雄
2018/08/12 DOTA
python使用multiprocessing模块实现带回调函数的异步调用方法
2015/04/18 Python
Python 处理数据的实例详解
2017/08/10 Python
pyqt5 comboBox获得下标、文本和事件选中函数的方法
2019/06/14 Python
Python中顺序表原理与实现方法详解
2019/12/03 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
python3实现简单飞机大战
2020/11/29 Python
纯css3(无图片/js)制作的几个社交媒体网站的图标
2013/03/21 HTML / CSS
发现两个有趣的CSS3动画效果
2013/08/14 HTML / CSS
3分钟演讲稿
2014/04/30 职场文书
班主任先进事迹材料
2014/12/17 职场文书
2015民办小学年度工作总结
2015/05/26 职场文书
看雷锋电影观后感
2015/06/10 职场文书
大学升旗仪式主持词
2015/07/04 职场文书
2016大学生优秀志愿者事迹材料
2016/02/25 职场文书
Pytorch DataLoader shuffle验证方式
2021/06/02 Python
深入理解mysql事务隔离级别和存储引擎
2022/04/12 MySQL
Python之Matplotlib绘制热力图和面积图
2022/04/13 Python