JS本地刷新返回上一页代码


Posted in Javascript onJuly 25, 2016

长话短说,今天介绍实现此功能的一个方法,需要了解的朋友可以参考下:

一、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.页面自动刷新:把如下代码加入区域中

<meta http-equiv="refresh" content="20"> 

 其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20;url=http://chenhaoxiang.github.io"> 

 其中20指隔20秒后跳转到http://chenhaoxiang.github.io页面

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 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 相关文章推荐
模拟jQuery中的ready方法及实现按需加载css,js实例代码
Sep 27 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
Sep 10 Javascript
浅谈javascript的Array.prototype.slice.call
Aug 31 Javascript
html+js+highcharts绘制圆饼图表的简单实例
Aug 04 Javascript
JS图片左右无缝隙滚动的实现(兼容IE,Firefox 遵循W3C标准)
Sep 23 Javascript
javascript实现滑动解锁功能
Mar 22 Javascript
JQuery EasyUI 结合ztrIee的后台页面开发实例
Sep 01 jQuery
详谈commonjs模块与es6模块的区别
Oct 18 Javascript
第一个Vue插件从封装到发布
Nov 22 Javascript
详解JavaScript事件循环机制
Sep 07 Javascript
AjaxFileUpload.js实现异步上传文件功能
Apr 19 Javascript
pageGroup.js实现分页功能
Jul 27 Javascript
jQuery layui常用方法介绍
Jul 25 #Javascript
Bootstrap Validator 表单验证
Jul 25 #Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
Jul 25 #Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 #Javascript
基于CSS3和jQuery实现跟随鼠标方位的Hover特效
Jul 25 #Javascript
javascript insertAfter()定义与用法示例
Jul 25 #Javascript
jquery之别踩白块游戏的简单实现
Jul 25 #Javascript
You might like
windows下升级PHP到5.3.3的过程及注意事项
2010/10/12 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
PHP laravel中的多对多关系实例详解
2017/06/07 PHP
PHP实现获取文件mime类型多种方法解析
2020/05/28 PHP
js的event详解。
2006/09/06 Javascript
JavaScript中各种编码解码函数的区别和注意事项
2010/08/19 Javascript
按钮JS复制文本框和表格的代码
2011/04/01 Javascript
js 函数调用模式小结
2011/12/26 Javascript
node.js WEB开发中图片验证码的实现方法
2014/06/03 Javascript
JavaScript导航脚本判断当前导航
2016/07/12 Javascript
网页中右键功能的实现方法之contextMenu的使用
2017/02/20 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
2017/02/24 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
2017/04/26 Javascript
基于jQuery实现Ajax验证用户名是否可用实例
2018/03/25 jQuery
关于在vue 中使用百度ueEditor编辑器的方法实例代码
2018/09/14 Javascript
浅谈在不使用ssr的情况下解决Vue单页面SEO问题(2)
2018/11/08 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
6行代码实现微信小程序页面返回顶部效果
2018/12/28 Javascript
swiper自定义分页器的样式
2020/09/14 Javascript
Python随机生成数模块random使用实例
2015/04/13 Python
python去除文件中空格、Tab及回车的方法
2016/04/12 Python
基于Python实现对PDF文件的OCR识别
2016/08/05 Python
使用PyV8在Python爬虫中执行js代码
2017/02/16 Python
Python常见字符串操作函数小结【split()、join()、strip()】
2018/02/02 Python
Pyinstaller将py打包成exe的实例
2018/03/31 Python
python 多维切片之冒号和三个点的用法介绍
2018/04/19 Python
Python爬虫工具requests-html使用解析
2020/04/29 Python
scrapy处理python爬虫调度详解
2020/11/23 Python
.NET程序员的几道面试题
2012/06/01 面试题
劳资员岗位职责
2013/11/11 职场文书
揠苗助长教学反思
2014/02/04 职场文书
2014年师德师风学习材料
2014/05/16 职场文书
分公司总经理岗位职责
2014/07/30 职场文书
乡镇保密工作承诺书
2015/05/04 职场文书
创业计划书之寿司
2019/07/19 职场文书
导游词之平津战役纪念馆
2019/11/04 职场文书