码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-06-25 17:28:06      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:html   html5   javascrpit   

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


本文主要介绍了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.页面自动刷新:把如下代码加入区域中

<!-- 10指每隔10秒刷新一次页面  -->
<meta http-equiv="refresh" content="10"> 

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

<!-- 10指隔10秒后跳转到http://www.baidu.com页面 -->
<meta http-equiv="refresh" content="10;url=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 onload="opener.location.reload()"> 开窗时刷新 
<body onUnload="opener.location.reload()"> 关闭时刷新 
<script language="javascript"> 
    window.opener.document.location.reload() 
</script> 

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

标签:html   html5   javascrpit   

原文地址:http://blog.csdn.net/derrantcm/article/details/46638051

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!