首页 建站教程 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>
打赏
海报

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

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

相关推荐

纯css实现列表自动添加序号

纯css实现列表自动添加序号

我们写样式代码时偶尔会用到数字排行榜的设计,按序号罗列排名,例如:优美mipCms主题中的热门/热评排行:如果用li元素配合list-s...
WEB前端 2021.07.18 0 851
Js简单实现复制指定内容到粘贴板

Js简单实现复制指定内容到粘贴板

通过以下代码,点击按钮可直接把input或者textarea里的值复制到粘贴板里,此方法不依赖jquery框架,实现简单粗暴希望对大家有所帮助。<!DOCTYPE html>...
WEB前端 2021.04.14 0 1102
Js实现双击鼠标自动滚动页面效果

Js实现双击鼠标自动滚动页面效果

主要介绍了Js实现双击鼠标自动滚动页面的示例代码,在特定的页面也许可以用的的上例如小说或一些资讯类型的网站,需要的朋友可以试一试。操作比较简单把以下代码加在网站的页面中,就可以实现双击鼠标实现自动滚屏...
WEB前端 2021.03.15 0 1155
发布评论

ainiaobaibaibaibaobaobeishangbishibizuichiguachijingchongjingdahaqiandaliandangaodw_dogedw_erhadw_miaodw_tuzidw_xiongmaodw_zhutouganbeigeiliguiguolaiguzhanghahahahashoushihaixiuhanheixianhenghorse2huaixiaohuatonghuaxinhufenjiayoujiyankeaikeliankouzhaokukuloukunkuxiaolandelinileimuliwulxhainiolxhlikelxhqiuguanzhulxhtouxiaolxhwahahalxhzanningwennonuokpinganqianqiaoqinqinquantouruoshayanshengbingshiwangshuaishuijiaosikaostar0star2star3taikaixintanshoutianpingtouxiaotuwabiweifengweiquweiwuweixiaowenhaowoshouwuxiangjixianhuaxiaoerbuyuxiaokuxiaoxinxinxinxinsuixixixuyeyinxianyinyueyouhenghengyuebingyueliangyunzanzhajizhongguozanzhoumazhuakuangzuohenghengzuoyi
感谢您的支持