js实现页面刷新计数原理

JavaScript010

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的浏览器都能用。

js里的“e5 和 e-5 是科学计数法。操作方法如下：

1、首先在电脑里鼠标点击打开HBuilder软件，如图所示。

2、然后点击菜单栏中的新建-->Web项目，如图所示。

3、接着输入web项目名title，然后点击完成按钮，如图所示。

4、然后在项目引入jquery-3.3.1.min.js开发包和在html文件中键入代码。

5、然后点击运行-->浏览器运行就完成了。