javascript如何刷新页面(2)-木庄网络博客

1，页面自动刷新：把如下代码加入<head>区域中

1	`<meta http-equiv="refresh"` `content="20"> （其中20指每隔20秒刷新一次页面.）`

2，页面自动跳转：把如下代码加入<head>区域中

1 2	`<meta http-equiv="refresh"` `content="20;url=http://www.baidu.com">` `（其中20指隔20秒后跳转到http://www.baidu.comt页面）`

3，页面自动刷新js版

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

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

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

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

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

更多编程相关知识，请访问：编程视频！！

以上就是javascript如何刷新页面的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

十款面向前端开发人员的chrome扩展（分享）

js中如何使用padstart()和padend()格式化字符串？（小技巧）

详解获取javascript各种全局对象变量的方法

javascript阻塞问题

了解javascript中object.freeze()与const之间的区别

理解javascript之async/await的新语法

bootstrap和react的区别是什么？

js的趣味实现：给你一个戴眼镜的笑脸