js返回上一页并刷新的多种实现方法

 更新时间:2014年02月26日 15:56:25   作者:  
这篇文章主要介绍了js返回上一页并刷新的几种方法,需要的朋友可以参考下
<a href="javascript:history.go(-1)">返回上一页</a>
<a href="javascript:location.reload()">刷新当前页面</a>
<a href="javascript:" onclick="history.go(-2); ">返回前两页</a>
<a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a>
<a href="javascript:" onclick="history.back(); ">返回上一页</a>

页面跳转:

onclick="window.location.href='list.php'"

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="10">

10指每隔10秒刷新一次页面.

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

<meta http-equiv="refresh" content="10;url=http://www.baidu.com">

10指隔10秒后跳转到http://www.baidu.com页面

js自动刷新当前页面:
复制代码 代码如下:

<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</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>

相关文章

  • 关于JSON解析的实现过程解析

    关于JSON解析的实现过程解析

    这篇文章主要介绍了关于JSON解析的实现过程解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • 微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】

    微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能【附源码下载】

    这篇文章主要介绍了微信小程序使用toast消息对话框提示用户忘记输入用户名或密码功能,结合实例形式详细分析了toast组件实现消息提示功能的相关操作技巧,并附带源码供读者下载参考,需要的朋友可以参考下
    2017-12-12
  • JS中的构造函数详细解析

    JS中的构造函数详细解析

    本篇文章主要是对JS中的构造函数进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-03-03
  • JS实现纸牌发牌动画

    JS实现纸牌发牌动画

    这篇文章主要为大家详细介绍了JS实现纸牌发牌动画,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • js动态生成表格(节点操作)

    js动态生成表格(节点操作)

    这篇文章主要为大家详细介绍了js动态生成表格,进行节点操作,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • JavaScript实现QueryString获取GET参数的方法

    JavaScript实现QueryString获取GET参数的方法

    本文为大家详细介绍下如何通过JavaScript实现QueryString获取GET参数,具体实现如下,感兴趣的朋友可以参考下哈,希望对大家有所帮助
    2013-07-07
  • JavaScript数组扁平转树形结构数据(Tree)的实现

    JavaScript数组扁平转树形结构数据(Tree)的实现

    本文主要介绍了JavaScript数组扁平转树形结构数据(Tree)的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2022-08-08
  • javascript 扫雷游戏

    javascript 扫雷游戏

    最近心血来潮,用JavaScript实现了Windows自带的扫雷游戏。当前只实现了基本功能,还有一个缺点就是只能在IE上正常运行,估计是事件没有处理好。
    2009-05-05
  • Three.js实现3D乒乓球小游戏(物理效果)

    Three.js实现3D乒乓球小游戏(物理效果)

    本文将使用React Three Fiber 和 Cannon.js 来实现一个具有物理特性的乒乓球小游戏,使用 React Three Fiber 搭建基础三维场景、如何使用新技术栈给场景中对象的添加物理特性等,最后利用上述知识点,将开发一个简单的乒乓球小游戏,需要的朋友可以参考下
    2023-03-03
  • 浅谈javascript中基本包装类型

    浅谈javascript中基本包装类型

    在JavaScript中,和JAVA类似,也提供了对于基本数据类型的包装类型。例如Number、Boolean、String类型。下面我们就来详细探讨下吧。
    2015-06-06

最新评论