首页 建站教程 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实现菜单或列表循环向上滚动效果

在前端开发过程中,有时候针对某个模块需要无限循环的滚动一些消息或菜单,我们常用的方法基本上都是通过js来实现,虽然代码相对来说可能会精简一些,但是对于JS不是很熟悉的同学来说还是不太好理解,毕竟相对于...
WEB前端 2022.08.17 0 184
纯CSS3实现3D切换选项卡

纯CSS3实现3D切换选项卡

Tab选项卡是大家最常用的功能之一,因为兼容性的问题目前大多朋友也都是用js书写,当然我也会用JS去书写,必定web端的应用你的用户群体...
WEB前端 2022.08.16 0 297
发布评论

ainiaobaibaibaibaobaobeishangbishibizuichiguachijingchongjingdahaqiandaliandangaodw_dogedw_erhadw_miaodw_tuzidw_xiongmaodw_zhutouganbeigeiliguiguolaiguzhanghahahahashoushihaixiuhanheixianhenghorse2huaixiaohuatonghuaxinhufenjiayoujiyankeaikeliankouzhaokukuloukunkuxiaolandelinileimuliwulxhainiolxhlikelxhqiuguanzhulxhtouxiaolxhwahahalxhzanningwennonuokpinganqianqiaoqinqinquantouruoshayanshengbingshiwangshuaishuijiaosikaostar0star2star3taikaixintanshoutianpingtouxiaotuwabiweifengweiquweiwuweixiaowenhaowoshouwuxiangjixianhuaxiaoerbuyuxiaokuxiaoxinxinxinxinsuixixixuyeyinxianyinyueyouhenghengyuebingyueliangyunzanzhajizhongguozanzhoumazhuakuangzuohenghengzuoyi
感谢您的支持