一个html页面怎么实现刷新变换数值？

需要使用本地存储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>

提供一个jquery的方法

<button onclick="reset()">按钮</button>

<script type="text/javascript">

function reset(){

$("#abc").load(location.href + " #abc")

}

</script>

---