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 1.0.4 - New Wave Javascript(js源文件)
Jan 15 Javascript
JavaScript 高级语法介绍
Jun 15 Javascript
Jquery常用技巧收集整理篇
Nov 14 Javascript
javascript tips提示框组件实现代码
Nov 19 Javascript
Javascript之this关键字深入解析
Nov 12 Javascript
jQuery实现的无限级下拉菜单功能示例
Sep 12 Javascript
JavaScript ES6中const、let与var的对比详解
Jun 18 Javascript
基于JavaScript+HTML5 实现打地鼠小游戏逻辑流程图文详解(附完整代码)
Nov 02 Javascript
基于Vue2的独立构建与运行时构建的差别(详解)
Dec 06 Javascript
js实现简单的打印表格
Jan 15 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
Jun 05 Javascript
vue @click.native 绑定原生点击事件
Apr 22 Vue.js
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
PHP个人网站架设连环讲(一)
2006/10/09 PHP
php微信公众号js-sdk开发应用
2016/11/28 PHP
PhpStorm的使用教程(本地运行PHP+远程开发+快捷键)
2020/03/26 PHP
Mootools 1.2教程 Tooltips
2009/09/15 Javascript
jquery 学习之一 对象访问
2010/11/23 Javascript
AngularJS入门教程之路由与多视图详解
2016/08/19 Javascript
jQuery插件实现可输入和自动匹配的下拉框
2016/10/24 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
json的结构与遍历方法实例分析
2017/04/25 Javascript
React如何避免重渲染
2018/04/10 Javascript
JS中比Switch...Case更优雅的多条件判断写法
2019/09/05 Javascript
JS回调函数 callback的理解与使用案例分析
2019/09/09 Javascript
jQuery弹框插件使用方法详解
2020/05/26 jQuery
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
[06:53]2018DOTA2国际邀请赛寻真——为复仇而来的Newbee
2018/08/15 DOTA
[01:03:42]VP vs VGJ.S 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
分享15个最受欢迎的Python开源框架
2014/07/13 Python
Python实现树莓派WiFi断线自动重连的实例代码
2017/03/16 Python
Python Socket使用实例
2017/12/18 Python
opencv python 2D直方图的示例代码
2018/07/20 Python
python GUI库图形界面开发之PyQt5线程类QThread详细使用方法
2020/02/26 Python
python实现批量修改文件名
2020/03/23 Python
Python生成器实现简单&quot;生产者消费者&quot;模型代码实例
2020/03/27 Python
python中的测试框架
2020/11/13 Python
HTTP状态码详解
2021/03/18 杂记
html5构建触屏网站之touch事件介绍
2013/01/07 HTML / CSS
SQL Server 2000数据库的文件有哪些,分别进行描述。
2015/11/09 面试题
消防先进事迹材料
2014/02/10 职场文书
积极向上的团队口号
2014/06/06 职场文书
承诺书模板
2014/08/30 职场文书
2014年科普工作总结
2014/12/06 职场文书
会计工作能力自我评价
2015/03/05 职场文书
2015年公共机构节能宣传周活动总结
2015/03/26 职场文书
最美乡村教师观后感
2015/06/11 职场文书
大学生奖学金获奖感言(范文)
2019/08/15 职场文书
OpenCV 图像梯度的实现方法
2021/07/25 Python