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 相关文章推荐
JS JavaScript获取Url参数,src属性参数
Mar 09 Javascript
JavaScript中各种编码解码函数的区别和注意事项
Aug 19 Javascript
php跨域调用json的例子
Nov 13 Javascript
js获取html页面节点方法(递归方式)
Dec 13 Javascript
jquery二级目录选中当前页的css样式
Dec 08 Javascript
Bootstrap源码学习笔记之bootstrap进度条
Dec 24 Javascript
利用jquery禁止外层滚动条的滚动
Jan 05 Javascript
jQuery源码解读之extend()与工具方法、实例方法详解
Mar 30 jQuery
详解Vue-axios 设置请求头问题
Dec 06 Javascript
Vue-cli3简单使用(图文步骤)
Apr 30 Javascript
详解小程序BackgroundAudioManager踩坑之旅
Dec 08 Javascript
three.js 制作动态二维码的示例代码
Jul 31 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
锁定年轻人的双倍活力 星巴克推出星倍醇即饮浓咖啡
2021/03/03 咖啡文化
用phpmyadmin更改mysql5.0登录密码
2008/03/25 PHP
PHP 类商品秒杀计时实现代码
2010/05/05 PHP
PHP code 验证码生成类定义和简单使用示例
2020/05/27 PHP
srcElement表格样式
2006/09/03 Javascript
JavaScript 表单处理实现代码
2015/04/13 Javascript
javascript验证邮件地址和MX记录的方法
2015/06/16 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
2016/12/14 Javascript
JS基于面向对象实现的选项卡效果示例
2016/12/20 Javascript
jquery实现输入框实时输入触发事件代码
2016/12/21 Javascript
解决vue+webpack打包路径的问题
2018/03/06 Javascript
使用vue实现一个电子签名组件的示例代码
2020/01/06 Javascript
nuxt配置通过指定IP和端口访问的实现
2020/01/08 Javascript
小程序组件传值和引入sass的方法(使用vant Weapp组件库)
2020/11/24 Javascript
原生js实现移动小球(碰撞检测)
2020/12/17 Javascript
Python3读取zip文件信息的方法
2015/05/22 Python
Python操作MySQL数据库9个实用实例
2015/12/11 Python
Python for循环生成列表的实例
2018/06/15 Python
python多行字符串拼接使用小括号的方法
2020/03/19 Python
Python sorted函数详解(高级篇)
2018/09/18 Python
python实现二维数组的对角线遍历
2019/03/02 Python
Python分析彩票记录并预测中奖号码过程详解
2019/07/09 Python
python 基于opencv操作摄像头
2020/12/24 Python
Herschel美国官网:背包、手提袋及配件
2020/03/10 全球购物
学校门卫工作职责
2013/12/07 职场文书
中层领导干部群众路线对照检查材料思想汇报
2014/10/02 职场文书
欢迎家长标语
2014/10/08 职场文书
商业门面租房协议书
2014/11/25 职场文书
2014年后备干部工作总结
2014/12/08 职场文书
三好学生评语大全
2014/12/29 职场文书
党风廉洁教育心得体会
2016/01/20 职场文书
手把手教你制定暑期学习计划,让你度过充实的暑假
2019/08/22 职场文书
24句精辟的现实社会语录,句句扎心,道尽人性
2019/08/29 职场文书
MySQL中VARCHAR与CHAR格式数据的区别
2021/05/26 MySQL
Java移除无效括号的方法实现
2021/08/07 Java/Android
Python Flask实现进度条
2022/05/11 Python