首页 建站教程 WEB前端 正文

Js实现返回上一页,下一页,刷新页面等多种方法

本文主要介绍通过js来操作返回上一页,返回下一页,刷新页面,转跳到指定页面,定时刷新页面等的多种实现方法。...

本文主要介绍通过js来操作返回上一页,返回下一页,刷新页面,转跳到指定页面,定时刷新页面等的多种实现方法。

1,常见方法

<a href="javascript:history.go(-1)">返回上一页</a>
<a href="javascript:" onclick="history.back(); ">返回上一页</a> 
<a href="javascript:" onclick="history.go(-2); ">返回前两页</a>
<a href="javascript:location.reload()">刷新当前页面</a>
<a href="javascript:" onclick="self.location=document.referrer;">返回上一页并刷新</a>

2,自动刷新页面的方法

A,自动刷新当前页面,把如下代码加入页面<head>区域中

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

其中10代表每隔10秒自动刷新当前页面

B,自动跳转到指定页面,把如下代码加入页面<head>区域中

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

其中10代表10秒后自动跳转到http://www.umtheme.com

C,js自动刷新页面

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

3,js刷新框架页面

<script language=JavaScript> 
    parent.location.reload();//刷新包含该框架的页面用  
</script> 
<script language=JavaScript> 
    self.opener.location.reload(); //子窗口刷新父窗口 
</script> 
//或通过绑定点击事件刷新<a href="javascript:opener.location.reload()">刷新</a>

4,打开窗口时或关闭窗口时刷新

<body onl oad="opener.location.reload()"> <!--打开窗口时刷新-->
<body onUnload="opener.location.reload()"> <!--关闭窗口时刷新-->
<script language="javascript"> 
    window.opener.document.location.reload() 
</script>
打赏
海报

声明:本站部分资源内容为站内原创著作,也有部分基于互联网公开分享整理,版权归原作者所有。
如侵犯到您的权益,请联系本站,我们会尽快处理,谢谢。转摘请注明出处

本文链接:https://www.umtheme.com/web/183.html

相关推荐

CSS心形缠绕转动效果

CSS心形缠绕转动效果

CSS心形缠绕转动效果是一种有趣的动画效果,能够给网页带来浪漫而动感的氛围。这个效果将一个心形图案无限旋转,并且同时绕着一个中心点缠绕旋...
WEB前端 2023.09.13 0 2349
制作h5常用的css3动画效果

制作h5常用的css3动画效果

css3提供了许多强大的特效,可以用来实现各种各样的效果,下面是我总结的一些常用的css3效果,有需要的可以直接引用:1.悬浮时放大:.one{transition:All 0.4s&nb...
WEB前端 2023.09.13 0 2202
发布评论

感谢您的支持