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 相关文章推荐
Node.js中使用mongoskin操作mongoDB实例
Sep 28 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
Mar 03 Javascript
jquery中attr和prop的区别分析
Mar 16 Javascript
AngularJS深入探讨scope,继承结构,事件系统和生命周期
Nov 02 Javascript
Angularjs上传图片实例详解
Aug 06 Javascript
JavaScript html5 canvas实现图片上画超链接
Oct 20 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
Feb 03 Javascript
Angular2.0实现modal对话框的方法示例
Feb 18 Javascript
vue实现评论列表功能
Oct 25 Javascript
node.js使用yargs处理命令行参数操作示例
Feb 11 Javascript
在vue中使用echarts(折线图的demo,markline用法)
Jul 20 Javascript
原生JS实现拖拽效果
Dec 04 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
简单解决微信文章图片防盗链问题
2016/12/17 PHP
PHP获取ttf格式文件字体名的方法示例
2019/03/06 PHP
javascript之querySelector和querySelectorAll使用说明
2011/10/09 Javascript
点击进行复制的JS代码实例
2013/08/23 Javascript
js形成页面的一种遮罩效果实例代码
2014/01/04 Javascript
jQuery实现tab选项卡效果的方法
2015/07/08 Javascript
JS模拟键盘打字效果的方法
2015/08/05 Javascript
JS实现iframe自适应高度的方法(兼容IE与FireFox)
2016/06/24 Javascript
深入理解bootstrap框架之入门准备
2016/10/09 Javascript
javascript实现复选框全选或反选
2017/02/04 Javascript
Angularjs中使用指令绑定点击事件的方法
2017/03/30 Javascript
浅谈微信小程序之官方UI框架we-ui使用教程
2018/08/20 Javascript
微信小程序发布新版本时自动提示用户更新的方法
2019/06/07 Javascript
深入理解Antd-Select组件的用法
2020/02/25 Javascript
[00:28]DOTA2北京网鱼队选拔赛
2015/04/08 DOTA
[03:46]DAC趣味视频-中文考试.mp4
2017/04/02 DOTA
python练习程序批量修改文件名
2014/01/16 Python
浅析python 中__name__ = '__main__' 的作用
2014/07/05 Python
Python实现模拟登录及表单提交的方法
2015/07/25 Python
Windows下搭建python开发环境详细步骤
2020/07/20 Python
详解PyTorch批训练及优化器比较
2018/04/28 Python
python 队列基本定义与使用方法【初始化、赋值、判断等】
2019/10/24 Python
使用Python-OpenCV消除图像中孤立的小区域操作
2020/07/05 Python
利用django创建一个简易的博客网站的示例
2020/09/29 Python
Python爬虫后获取重定向url的两种方法
2021/01/19 Python
CSS3中的Transition过度与Animation动画属性使用要点
2016/05/20 HTML / CSS
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
2016/03/15 HTML / CSS
HTML5的结构和语义(4):语义性的内联元素
2008/10/17 HTML / CSS
印度首个本地在线平台:nearbuy
2019/03/28 全球购物
简述Linux文件系统通过i节点把文件的逻辑结构和物理结构转换的工作过程
2012/04/17 面试题
配件采购员岗位职责
2013/12/03 职场文书
2014年党支部书记工作总结
2014/12/04 职场文书
老公保证书
2015/01/17 职场文书
医院党建工作总结2015
2015/05/26 职场文书
谢师宴家长致辞
2015/07/27 职场文书
浅谈如何提高PHP代码的质量
2021/05/28 PHP