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 相关文章推荐
SUN的《AJAX与J2EE》全文译了
Feb 23 Javascript
event.currentTarget与event.target的区别介绍
Dec 31 Javascript
Jquery中Event对象属性小结
Feb 27 Javascript
JS基于Ajax实现的网页Loading效果代码
Oct 27 Javascript
jquery ztree实现树的搜索功能
Feb 25 Javascript
浅谈js多维数组和hash数组定义和使用
Jul 27 Javascript
AngularJS表格添加序号的方法
Mar 03 Javascript
详解微信小程序实现WebSocket心跳重连
Jul 31 Javascript
基于Vue组件化的日期联动选择器功能的实现代码
Nov 30 Javascript
简单了解vue.js数组的常用操作
Jun 17 Javascript
解决echarts echarts数据动态更新和dataZoom被重置问题
Jul 20 Javascript
小程序实现左滑删除的效果的实例代码
Oct 19 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
初学CAKEPHP 基础教程
2009/11/02 PHP
PHP分页函数代码(简单实用型)
2010/12/02 PHP
Yii配置与使用memcached缓存的方法
2016/07/13 PHP
解决laravel 表单提交-POST 异常的问题
2019/10/15 PHP
laravel框架实现敏感词汇过滤功能示例
2020/02/15 PHP
MacOS下PHP7.1升级到PHP7.4.15的方法
2021/02/22 PHP
滚动经典最新话题[prototype框架]下编写
2006/10/03 Javascript
小议JavaScript中Generator和Iterator的使用
2015/07/29 Javascript
Angular 表单控件示例代码
2017/06/26 Javascript
对vue v-if v-else-if v-else 的简单使用详解
2018/09/29 Javascript
elementUI table表格动态合并的示例代码
2019/05/15 Javascript
原生JavaScript实现的无缝滚动功能详解
2020/01/17 Javascript
[47:03]完美世界DOTA2联赛PWL S3 access vs LBZS 第一场 12.20
2020/12/23 DOTA
Python中List.count()方法的使用教程
2015/05/20 Python
Python实现约瑟夫环问题的方法
2016/05/03 Python
python用模块zlib压缩与解压字符串和文件的方法
2016/12/16 Python
python如何实现内容写在图片上
2018/03/23 Python
Python自然语言处理 NLTK 库用法入门教程【经典】
2018/06/26 Python
python 求某条线上特定x值或y值的点坐标方法
2019/07/09 Python
PyTorch的Optimizer训练工具的实现
2019/08/18 Python
python logging添加filter教程
2019/12/24 Python
python shutil文件操作工具使用实例分析
2019/12/25 Python
Python3 pickle对象串行化代码实例解析
2020/03/23 Python
Python中内建模块collections如何使用
2020/05/27 Python
Expedia加拿大官方网站:加拿大最大的在线旅游提供商
2017/12/31 全球购物
澳大利亚最好的厨具店:Kitchen Warehouse
2018/03/13 全球购物
若干个Java基础面试题
2015/05/19 面试题
个人求职信范文分享
2014/01/31 职场文书
客服部班长工作责任制
2014/02/25 职场文书
仓库管理员岗位职责
2014/03/19 职场文书
大学学风建设方案
2014/05/04 职场文书
副处级干部考察材料
2014/05/17 职场文书
学生会2016感恩节活动小结
2016/04/01 职场文书
曾国藩励志经典名言37句,蕴含哲理
2019/10/14 职场文书
基于MySql验证的vsftpd虚拟用户
2021/11/07 MySQL
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技