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 相关文章推荐
Extjs单独定义各组件的实例代码
Jun 25 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
Dec 28 Javascript
jQuery中die()方法用法实例
Jan 19 Javascript
jquery实现文本框textarea自适应高度
Mar 09 Javascript
Bootstrap popover用法详解
Dec 22 Javascript
原生js和css实现图片轮播效果
Feb 07 Javascript
原生JS实现圆环拖拽效果
Apr 07 Javascript
详解vue 数据传递的方法
Apr 19 Javascript
vue实现动态列表点击各行换色的方法
Sep 13 Javascript
vue动画打包后失效问题的解决方法
Sep 18 Javascript
webstorm+vue初始化项目的方法
Oct 18 Javascript
JavaScript实现栈结构详细过程
Dec 06 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时间格式控制符对照表分享
2013/07/23 PHP
PHP生成条形图的方法
2014/12/10 PHP
CI框架中cookie的操作方法分析
2014/12/12 PHP
php正则匹配文章中的远程图片地址并下载图片至本地
2015/09/29 PHP
PHP时间处理类操作示例
2018/09/05 PHP
Laravel框架Request、Response及Session操作示例
2019/05/06 PHP
ThinkPHP类似AOP思想的参数验证的实现方法
2019/12/18 PHP
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
2016/06/23 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
使用JavaScript实现表格编辑器(实例讲解)
2017/08/02 Javascript
angularjs实现过滤并替换关键字小功能
2017/09/19 Javascript
微信小程序使用audio组件播放音乐功能示例【附源码下载】
2017/12/08 Javascript
Angular实现可删除并计算总金额的购物车功能示例
2017/12/26 Javascript
jquery点击回车键实现登录效果并默认焦点的方法
2018/03/09 jQuery
Layui 导航默认展开和菜单栏选中高亮设置的方法
2019/09/04 Javascript
Vue路由对象属性 .meta $route.matched详解
2019/11/04 Javascript
[02:41]辉夜杯现场一家三口 “我爸玩风行 我玩血魔”
2015/12/27 DOTA
Python 中 list 的各项操作技巧
2017/04/13 Python
详解Django将秒转换为xx天xx时xx分
2019/09/27 Python
为什么是 Python -m
2020/06/19 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
Python hashlib和hmac模块使用方法解析
2020/12/08 Python
简单聊聊H5的pushState与replaceState的用法
2018/04/03 HTML / CSS
H5 canvas实现贪吃蛇小游戏
2017/07/28 HTML / CSS
详解如何解决canvas图片getImageData,toDataURL跨域问题
2018/09/17 HTML / CSS
亚马逊印度站:Amazon.in
2017/10/15 全球购物
好的演讲稿开场白
2013/12/30 职场文书
语文教学感言
2014/02/06 职场文书
治安消防安全责任书
2014/07/23 职场文书
纪念九一八事变演讲稿:牢记历史,捍卫主权
2014/09/14 职场文书
辩论赛新闻稿
2015/07/17 职场文书
小学五年级班主任工作经验交流材料
2015/11/02 职场文书
小学语文国培研修日志
2015/11/13 职场文书
mysql多表查询-笔记七
2021/04/05 MySQL
Java基础之this关键字的使用
2021/06/30 Java/Android
Windows和Linux上部署Golang并运行程序
2022/04/22 Servers