运用HTML5本地存储计算两个页面的访问时间

曾经终败给现在 2022-06-15 06:23 75阅读 0赞

A.html页面 > B.html页面 > A.html页面，计算从B.html页面回到A.html页面的耗时

**A.html**

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<script>

var referrer = document.referrer; //注意:要放在服务器才有效果,在本地无效

if(referrer.indexOf('B.html'))\{

var myDate = new Date();

var time = myDate.getMilliseconds(); //获取当前毫秒数(0-999)

localStorage.setItem('time',time);

\}else\{

console.log(localStorage.getItem('time'));

\}

</script>

</head>

<body>

<a href="B.html">

B文件

</a>

</body>

</html>

**B.html**

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<script>

var myDate = new Date();

var time = (new Date()).valueOf();

localStorage.setItem('time',time);

</script>

</head>

<body>

<a href="A.html">

A文件

</a>

</body>

</html>

结果:

![Center][]

[Center]: /images/20220615/c4a1596cc39d4fe09947ce31e5e4a2b2.png

发表评论取消回复

表情：

评论列表（有 0 条评论，75人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML5的本地存储功能

HTML5的本地存储功能本文介绍的本地存储有：Web Storage、Web SQL 数据库、IndexedDB。 Web Storage Web Storage是

骑猪看日落/ 2022年10月30日 11:24/ 0 赞/ 178 阅读

相关 HTML5本地存储Localstorage

转自 [点击打开链接][Link 1] ———————————————— [HTML5本地存储Localstorage][Link 1] 什么是locals

谁践踏了优雅/ 2022年08月21日 02:28/ 0 赞/ 277 阅读

相关 html5的页面缓存和本地数据存储支持

1. html5的页面缓存 http://www.cnblogs.com/xqhppt/p/4157862.html http://blog.sina.com.cn/s/b

清疚/ 2022年08月19日 11:24/ 0 赞/ 164 阅读

相关 html5本地存储

html5本地存储通过 localStorage /sessionStorage 对数据的简单存储效果图： ![Center][] 1. l

蔚落/ 2022年08月19日 11:09/ 0 赞/ 231 阅读

相关 HTML5 LocalStorage 本地存储

http://www.cnblogs.com/xiaowei0705/archive/2011/04/19/2021372.html 说到本地存储，这玩意真是历尽千辛万

布满荆棘的人生/ 2022年08月06日 06:25/ 0 赞/ 201 阅读

相关 HTML5 LocalStorage 本地存储

HTML5 LocalStorage 本地存储,，说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示： ![2011052411382

Bertha 。/ 2022年07月24日 04:29/ 0 赞/ 223 阅读

相关 html5本地存储之数据库

对于简单的数据，使用sessionStorage和localStorage 能够很好地完成存取，但是对于处理复杂的关系型数据，它就力不从心了。这也是 HTML 5 的

我就是我/ 2022年06月15日 07:36/ 0 赞/ 279 阅读

相关运用HTML5本地存储计算两个页面的访问时间

A.html页面 > B.html页面 > A.html页面，计算从B.html页面回到A.html页面的耗时 A.html <!DOCTYPE html> <

曾经终败给现在/ 2022年06月15日 06:23/ 0 赞/ 76 阅读

相关 HTML5 LocalStorage 本地存储

HTML5 LocalStorage 本地存储说到本地存储，这玩意真是历尽千辛万苦才走到HTML5这一步，之前的历史大概如下图所示： ![201105

缺乏、安全感/ 2021年09月19日 02:58/ 0 赞/ 492 阅读

相关 HTML5本地存储

本地存储 localStoage sessionStorage 1,兼容性火狐3.6谷歌5.0 safari4 0pera10

电玩女神/ 2021年09月17日 01:16/ 0 赞/ 435 阅读