在HTML中自我刷新的提示怎么编写？

落尘_尘落

关注

html页面实现自动刷新的几种方法

1. 页面需要定时刷新，实时加载数据（H5中的WebSocket和SSE可以实现局部刷新）

示例代码：页面自动刷新注：其中10指每隔10秒刷新一次页面.

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

2. 一定时间之后跳转到指定页面（登录注册之类）

示例代码：跳转到指定页面

<meta http-equiv="refresh" content="10url=http://www.51jfgou.com">

3. 前端开发使用伪数据调试html页面（修改一些js的变量值，可以自动刷新效果)

示例代码：页面自动刷新js版

<script language="JavaScript">

setTimeout(function(){location.reload()},1000)//指定1秒刷新一次

</script>

可以在前端JavaScript部分使用Ajax向某个web地址定时申请数据，而后Python通过该地址返回最新的数据库内容。

前端收到数据后，通过JavaScript动态地修改页面即可。

需要使用本地存储localStorage或者cookie，能够在html页面当中实现刷新轮流出现数值

<div id="box">内容</div>

<script>

var box = document.getElementById('box')

var arr = ['小明', '小红']

if (!localStorage.num || localStorage.num == 0) {

localStorage.num = 1

} else {

localStorage.num = 0

}

box.innerHTML = arr[localStorage.num]

</script>

---