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 相关文章推荐
javascript单例模式的简单实现方法
Jul 25 Javascript
jQuery图片轮播滚动切换代码分享
Apr 20 Javascript
浅析AngularJS中的指令
Mar 20 Javascript
Angular中使用ui router实现系统权限控制及开发遇到问题
Sep 23 Javascript
jQuery和CSS仿京东仿淘宝列表导航菜单
Jan 04 Javascript
bootstrap实现二级下拉菜单效果
Nov 23 Javascript
Vue 项目部署到服务器的问题解决方法
Dec 05 Javascript
Node.js使用cookie保持登录的方法
May 11 Javascript
用图片替换checkbox原始样式并实现同样的功能
Nov 15 Javascript
vue+vant-UI框架实现购物车的复选框全选和反选功能
Nov 05 Javascript
JavaScript如何借用构造函数继承
Nov 06 Javascript
小程序使用分包的示例代码
Mar 23 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实现中文转数字
2016/02/18 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
php中错误处理操作实例分析
2019/08/23 PHP
javascript 触发事件列表 比较不错
2009/09/03 Javascript
jQuery 获取URL参数的插件
2010/03/04 Javascript
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
扩展Jquery插件处理mouseover时内部有子元素时发生样式闪烁
2011/12/08 Javascript
基于jquery的网站幻灯片切换效果焦点图代码
2013/09/15 Javascript
node.js中的fs.fchownSync方法使用说明
2014/12/16 Javascript
javascript实现了照片拖拽点击置顶的照片墙代码
2015/04/03 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
极易被忽视的javascript面试题七问七答
2016/02/15 Javascript
JavaScript+canvas实现七色板效果实例
2016/02/18 Javascript
通过Tabs方法基于easyUI+bootstrap制作工作站
2016/03/28 Javascript
js实现楼层效果的简单实例
2016/07/15 Javascript
详解VS Code使用之Vue工程配置format代码格式化
2019/03/20 Javascript
javascript面向对象三大特征之继承实例详解
2019/07/24 Javascript
浅谈laytpl 模板空值显示null的解决方法及简单的js表达式
2019/09/19 Javascript
Python中数字以及算数运算符的相关使用
2015/10/12 Python
Ubuntu16.04安装python3.6.5步骤详解
2020/01/10 Python
Python ini文件常用操作方法解析
2020/04/26 Python
基于FME使用Python过程图解
2020/05/13 Python
Python+Selenium随机生成手机验证码并检查页面上是否弹出重复手机号码提示框
2020/09/21 Python
python zip()函数的使用示例
2020/09/23 Python
Python类绑定方法及非绑定方法实例解析
2020/10/09 Python
菲律宾旅游网站:Expedia菲律宾
2017/10/11 全球购物
教师个人鉴定材料
2014/02/08 职场文书
英语老师推荐信
2014/02/26 职场文书
公民授权委托书范本
2014/09/17 职场文书
幼儿园大班见习报告
2014/10/31 职场文书
离婚协议书范本
2015/01/26 职场文书
2015年个人工作总结报告
2015/04/25 职场文书
2015年护士节活动策划方案
2015/05/04 职场文书
交通事故代理词范文
2015/05/23 职场文书
办公室日常管理制度
2015/08/04 职场文书
html+css实现分层金字塔的实例
2021/06/02 HTML / CSS