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 相关文章推荐
用javascript实现的图片马赛克后显示并切换加文字功能
Apr 21 Javascript
兼容主流浏览器的iframe自适应高度js脚本
Jan 10 Javascript
javascript验证身份证号
Mar 03 Javascript
javascript实现右侧弹出“分享到”窗口效果
Feb 01 Javascript
socket.io学习教程之深入学习篇(三)
Apr 29 Javascript
Js实现京东无延迟菜单效果实例(demo)
Jun 02 Javascript
vue 怎么创建组件及组件使用方法
Jul 27 Javascript
详解VueJs中的V-bind指令
May 03 Javascript
微信小程序textarea层级过高的解决方法
Mar 04 Javascript
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
javascript实现前端成语点击验证
Jun 24 Javascript
OpenLayers3实现对地图的基本操作
Sep 28 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
解析yii数据库的增删查改
2013/06/20 PHP
Smarty中的注释和截断功能介绍
2015/04/09 PHP
php 中phar包的使用教程详解
2018/10/26 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
javascript 延迟加载技术(lazyload)简单实现
2011/01/17 Javascript
jquery遍历之parent()和parents()的区别及parentsUntil()方法详解
2013/12/02 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
2015/05/03 Javascript
通过设置CSS中的position属性来固定层的位置
2015/12/14 Javascript
AngularJS入门教程之Select(选择框)详解
2016/07/27 Javascript
bootstrap datetimepicker2.3.11时间插件使用
2016/11/19 Javascript
微信小程序购物商城系统开发系列-工具篇的介绍
2016/11/21 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
2017/05/26 Javascript
深入理解Vue官方文档梳理之全局API
2017/11/22 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
2018/09/19 Javascript
在vue中获取微信支付code及code被占用问题的解决方法
2019/04/16 Javascript
vue模仿网易云音乐的单页面应用
2019/04/24 Javascript
js实现简单分页导航栏效果
2019/06/28 Javascript
基于javascript实现碰撞检测
2020/03/12 Javascript
解决vue页面刷新,数据丢失的问题
2020/11/24 Vue.js
Python时区设置方法与pytz查询时区教程
2013/11/27 Python
详解MySQL数据类型int(M)中M的含义
2016/11/20 Python
详解Python安装scrapy的正确姿势
2018/06/26 Python
python ftp 按目录结构上传下载的实现代码
2018/09/12 Python
Python3爬虫学习之MySQL数据库存储爬取的信息详解
2018/12/12 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
与Django结合利用模型对上传图片预测的实例详解
2019/08/07 Python
python 基于DDT实现数据驱动测试
2021/02/18 Python
Python使用tkinter实现小时钟效果
2021/02/22 Python
戴森比利时官方网站:Dyson BE
2020/10/03 全球购物
网络技术专业求职信
2014/07/13 职场文书
自我推荐信怎么写
2015/03/24 职场文书
2016年春季趣味运动会开幕词
2016/03/04 职场文书
Python基础之元组与文件知识总结
2021/05/19 Python
MySQL下使用Inplace和Online方式创建索引的教程
2021/05/26 MySQL
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang