如何让网页时刻保持刷新
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何让网页时刻保持刷新相关的知识，希望对你有一定的参考价值。
一、自动刷新页面的方法:1.页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
二、javascript刷新页面的几种方法：
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand(\'Refresh\')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
使用实例代码如下：
<html>
<HEAD>
<TITLE> top.html </TITLE>
</HEAD>
<BODY>
<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>
<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>
<input type=button value="刷新3" onclick="window.parent.frames[\'bottom\'].location.reload()"><br>
<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>
<input type=button value="刷新5" onclick="window.parent.frames.item(\'bottom\').location.reload()"><br>
<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>
<input type=button value="刷新7" onclick="window.parent[\'bottom\'].location.reload()"><br>
</BODY>
</HTML>
下面是bottom.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。
bottom.html 页面的代码如下：
<HTML>
<HEAD>
<TITLE> bottom.html </TITLE>
</HEAD>
<BODY onload="alert(\'我被加载了！\')">
<h1>This is the content in bottom.html.</h1>
</BODY>
</HTML>
参考资料：http://blog.sina.com.cn/s/blog_5f17b8e40100cfp0.html 参考技术A 百度网页自动刷新
如何让网页局部定时刷新？
如何逻辑整理？
1. 需要用到js的定时刷新函数 setInterval(function,time)
2. 只需要对网页中局部的标签进行刷新
函数中function为自定义函数，time是多久执行自定义函数，单位是毫秒
3. 可以通过定义自定义函数进行局部刷新，需要导入jquery
代码演示，如何？
setInterval(function() { $("#history").load(location.href+" #history>*",""); }, 2000);
定义一个定时器，2秒刷新一次，自定义函数function每次刷新执行在id=history刷新载入指定网页中id=history的所有内容
location.href 表示刷新本网页
load 表示加载某个网页，有选择性添加某些元素到网页中，load(url,[data],[callback])
ulr 表示 url #some > selector ，是一个字符串，url和# 中间有空格， 指定加载的url，id=some的标签，>表示加载，*表示所有，+表示字符串拼接
[]表示可选，data 数据为 key/value 形式 ，callback表示回调函数，加载完成后执行的函数
有哪些运用场景？
在实时性要求高的场合，比如股票交易，飞机票预定等等场合
以上是关于如何让网页时刻保持刷新的主要内容，如果未能解决你的问题，请参考以下文章
在 React.JS 中刷新后，如何让用户保持登录到 firebase？