插件窝 干货文章 js自动刷新页面以及转跳链接

js自动刷新页面以及转跳链接

js 页面刷新 879    来源:插件窝    2021-06-10

1,页面自动刷新


把如下代码加入<head>区域中

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

其中20指每隔20秒刷新一次页面.



2,页面自动跳转


把如下代码加入<head>区域中

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

其中20指隔20秒后跳转到http://www.chajianwo.com


3,页面自动刷新js版

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

4,JS刷新框架的脚本语句


//刷新包含该框架的页面用   
<script language=JavaScript>
   parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
    self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a>   )
//刷新另一个框架的页面用   
<script language=JavaScript>
   parent.另一FrameID.location.reload();
</script>

如果想关闭窗口时刷新或想开窗时刷新,在<body>中调用以下语句即可。


<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>