首页 建站教程 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中position:fixed如何实现相对于父级定位

css中position:fixed如何实现相对于父级定位

在项目开发中我们经常会用到position:fixed属性,它常常应用的场合是,当下拉滚动条时固定导航栏到顶部,将广告固定在页面两侧或浏览器中间。当我们使用position:fixed定位属性时,它生...
WEB前端 2023.02.12 0 680
发布评论

ainiaobaibaibaibaobaobeishangbishibizuichiguachijingchongjingdahaqiandaliandangaodw_dogedw_erhadw_miaodw_tuzidw_xiongmaodw_zhutouganbeigeiliguiguolaiguzhanghahahahashoushihaixiuhanheixianhenghorse2huaixiaohuatonghuaxinhufenjiayoujiyankeaikeliankouzhaokukuloukunkuxiaolandelinileimuliwulxhainiolxhlikelxhqiuguanzhulxhtouxiaolxhwahahalxhzanningwennonuokpinganqianqiaoqinqinquantouruoshayanshengbingshiwangshuaishuijiaosikaostar0star2star3taikaixintanshoutianpingtouxiaotuwabiweifengweiquweiwuweixiaowenhaowoshouwuxiangjixianhuaxiaoerbuyuxiaokuxiaoxinxinxinxinsuixixixuyeyinxianyinyueyouhenghengyuebingyueliangyunzanzhajizhongguozanzhoumazhuakuangzuohenghengzuoyi
感谢您的支持