js实现页面刷新计数原理

JavaScript013

js实现页面刷新计数原理,第1张

1：首先要有思路，比如要计数，那一定要做的就是记着上次的个数，然后在原有基础上加一；

2：如何实现，在页面加载后实现，有哪些方法？

思路1：当浏览器加载完后执行一个方法来处理计数？

浏览器加载完数据：window.onload()

思路2：如可获取上次页面打开的个数？

window给我们提供了一种方法：window.name 当前window的名称；

实现：

刷新：

计数：<span id="countspan"></span>

<a href="#" onclick="countNumber()">点击</a>

<script type="text/javascript">

if(!localStorage.countAll){

localStorage.countAll = 0

}

document.getElementById('countspan').innerHTML = localStorage.countAll

function countNumber(){

localStorage.countAll++

document.getElementById('countspan').innerHTML = localStorage.countAll

}

</script>

支持html5的浏览器都能用。