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 new Date() 出现NaN 的分析
Oct 23 Javascript
Javascript中的关键字和保留字整理
Oct 16 Javascript
Js获取当前日期时间及格式化代码
Sep 17 Javascript
Bootstrap 实现查询的完美方法
Oct 26 Javascript
Angular动态添加、删除输入框并计算值实例代码
Mar 29 Javascript
详解Vue2.X的路由管理记录之 钩子函数(切割流水线)
May 02 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
Jul 13 Javascript
ReactNative中使用Redux架构总结
Dec 15 Javascript
Vue2.0 v-for filter列表过滤功能的实现
Sep 07 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 Javascript
JS highcharts动态柱状图原理及实现
Oct 16 Javascript
vue组件添加事件@click.native操作
Oct 30 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
收音机另类DIY - 纸巾盒做外壳
2021/03/02 无线电
实现“上一页”和“下一页按钮
2006/10/09 PHP
解决中英文字符串长度问题函数
2007/01/16 PHP
php中smarty模板条件判断用法实例
2015/06/11 PHP
PHP中foreach()用法汇总
2015/07/02 PHP
php等比例缩放图片及剪切图片代码分享
2016/02/13 PHP
jquery 上下滚动广告
2009/06/17 Javascript
JSQL SQLProxy 的 php 版本代码
2010/05/05 Javascript
Javascript 倒计时源代码.(时.分.秒) 详细注释版
2011/05/09 Javascript
JavaScript加强之自定义callback示例
2013/09/21 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
javascript的日期对象、数组对象、二维数组使用说明
2014/12/22 Javascript
javascript实现dom元素可拖动
2016/03/21 Javascript
浅谈js数据类型判断与数组判断
2016/08/29 Javascript
JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码
2016/10/09 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
2016/11/29 Javascript
Nodejs 获取时间加手机标识的32位标识实现代码
2017/03/07 NodeJs
webpack构建的详细流程探底
2018/01/08 Javascript
对angularjs框架下controller间的传值方法详解
2018/10/08 Javascript
详解mpvue中小程序自定义导航组件开发指南
2019/02/11 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
vue 实现基础组件的自动化全局注册
2020/12/25 Vue.js
Python新手们容易犯的几个错误总结
2017/04/01 Python
python difflib模块示例讲解
2017/09/13 Python
Django模板导入母版继承和自定义返回Html片段过程解析
2019/09/18 Python
基于Python+Appium实现京东双十一自动领金币功能
2019/10/31 Python
使用python代码进行身份证号校验的实现示例
2019/11/21 Python
css3+伪元素实现鼠标移入时下划线向两边展开的效果
2017/04/25 HTML / CSS
兰蔻英国官网:Lancome英国
2019/04/30 全球购物
"火柴棍式"程序员面试题
2014/03/16 面试题
程序运行正确, 但退出时却"core dump"了,怎么回事
2014/02/19 面试题
《望庐山瀑布》教学反思
2014/04/22 职场文书
党员目标管理责任书
2014/07/25 职场文书
大学生学习新党章思想汇报
2014/10/25 职场文书
中标通知书范本
2015/04/17 职场文书
Python django中如何使用restful框架
2021/06/23 Python