本文主要介绍通过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>