地理位置(navigation.geolocation)与本地存储(seessionStorage、localStorage)
一、地理位置( geolocation ):
navigator.geolocation对象:
1、单次请求:
//navigator.geolocation.getCurrentPosition(
function(res){
//请求成功函数:
(调用方式:res.coords.longitude)
经度:coords.longitude
维度:coords.latitude
精准度:coords.accuracy
海拔:coords.altitude
海拔精准度:coords.altitudeAcuracy
行进方向:coords.heading
地面速度:coords.speed
时间戳: new Date(position.timestamp);
},
function(err){
//请求失败:
console.log(err.code);
//0: 不包括其他编号中的错误
1:用户拒绝共享位置
2:尝试获取用户信息,失败了
3:设置了timeout值,获取位置超时了
},{
//数据收集方式:
enableHighAcuracy : 更精确的查找,默认false
timeout : 获取位置允许最长时间,默认infinity
maximumAge : 位置可以缓存的最大时间,默认0
});
2、多次定位请求:
//watchPosition(); --> 多次定位请求
--- 移动设备有用,位置改变时触发
--- 配置参数:frequency 更新的频率
//clearWatch(); --> 关闭跟新请求
--navigator.geolocation.clearWatch();
二、本地存储( storage ):
1.cookie:
一个域名400k大小
每次使用都要请求服务器
数据共享
2.storege: ( 存储限制5M )
a、sessionStorage:(临时存储,页面关闭消失,数据不共享)
b、localStorage:(永久存储,可手动删除,数据共享)
c、API:
(1)、setItem(); 设置存储
(2)、getItem(); 获取存储
(3)、removeItem(); 删除存储
(4)、clear(); 清楚所有存储
(5)、storage //事件:当有数据修改或删除就会触发(修改的窗口不会触发storage事件)
-->storage事件中的ev对象中存储如下数据:
*ev.key: 修改或删除的可key值 如果调用clear()则为null
*ev.newValue: 新设置的值 如果调用removeStorage(),key为null
*ev.olValue: 改变前的值
*ev.storageArea: 当前的storage对象(中存储的所有的值)
*ev.url: 出发该脚本变化的文档
注:session同窗口才可以,例如:iframe操作
地理位置(navigation.geolocation)与本地存储(seessionStorage、localStorage)的更多相关文章
- html5本地存储(localStorage)使用介绍
1.html5几种存储形式 本地存储(localStorage && sessionStorage) 离线缓存(application cache) indexedDB 和 webSQ ...
- store.js - 轻松实现本地存储(LocalStorage)
store.js 是一个兼容所有浏览器的 LocalStorage 包装器,不需要借助 Cookie 或者 Flash.store.js 会根据浏览器自动选择使用 localStorage.globa ...
- (转)HTML5开发学习(2):本地存储之localStorage 、sessionStorage、globalStorage
原文:http://www.cnblogs.com/xumingxiang/archive/2012/03/25/2416386.html HTML5开发学习(2):本地存储之localStorage ...
- web 本地存储 (localStorage、sessionStorage)
web 本地存储 (localStorage.sessionStorage,cookie) localStorage(长期储存):即使关闭浏览器数据也不会删除,除非使用localStorage.cle ...
- [web 前端] web本地存储(localStorage、sessionStorage)
cp from : https://blog.csdn.net/mjzhang1993/article/details/70820868 web 本地存储 (localStorage.sessionS ...
- web本地存储(localStorage、sessionStorage)
web 本地存储 (localStorage.sessionStorage) 说明 对浏览器来说,使用 Web Storage 存储键值对比存储 Cookie 方式更直观,而且容量更大,它包含两种:l ...
- html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
这篇文章主要介绍了html5本地存储的localstorage .本地数据库.sessionStorage简单使用示例,需要的朋友可以参考下 html5的一个非常cool的功能,就是web stora ...
- js本地存储解决方案(localStorage与userData)
WEB应用的快速发展,是的本地存储一些数据也成为一种重要的需求,实现的方案也有很多,最普通的就是cookie了,大家也经常都用,但是cookie的缺点是显而易见的,其他的方案比如:IE6以上的user ...
- 本地存储之localStorage
localStorage 本地存储 .对象.存数据 .取数据 存储的数据量在20M左右 localStorage 是window下面的属性,用的时候可以省略window 数据只能存储字符串类型的 lo ...
随机推荐
- HDU 5296 Annoying problem LCA+树状数组
题解链接 Annoying problem Time Limit: 16000/8000 MS (Java/Others) Memory Limit: 65536/65536 K (Java/O ...
- linux命令详解:file命令
前言 file命令可以获取多种文件类型,包括文本文件.脚本文件.源码文件.多媒体文件(音频视频)等.file是通过查看文件的头部内容,来获取文件的类型,而不像Window那样是通过扩展名来确定文件类型 ...
- IOS8 通知中心(Notification Center)新特性
本文转载至 http://blog.csdn.net/jinkaiouyang/article/details/30029441 ios手机apple通知中心notificationCenter ...
- EasyDarwin流媒体云平台架构
EasyDarwin目前正在做的开源流媒体云平台架构:
- 我们将要建立的EasyDarwin开源社区
从12年12月我开始建立EasyDarwin开源项目,已经三年多的时间了,从开始最简单的一个开源流媒体服务器项目,如今已经发展成为目前国内最大的一个流媒体开源社区,截至目前已经有十几个项目在Githu ...
- js怎么限制文本框input只能输入数字
1.说明 本篇文章介绍怎么使用js限制文本框只能输入数字 2.HTML代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1 ...
- 九度OJ 1088:剩下的树 (线段树)
时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:5791 解决:2649 题目描述: 有一个长度为整数L(1<=L<=10000)的马路,可以想象成数轴上长度为L的一个线段,起点 ...
- SAP bseg 使用注意点:1.不要使用;2.有主键再用,
粗表-簇表 cluster-table BSEGRFBLG 池表 pool-table 我記的沒錯的話,在21天學會ABAP中有一節是專門在講Cluster table,另外在 www.sapfans ...
- 如何配置DSI时钟频率
[DESCRIPTION] 计算DSI数据速率的方式,以及如何配置时钟clk的方式 [KEYWORD] dsi.data rate.mipi clk [SOLUTION] 1.DSI vdo mode ...
- 如何让A20,android开机自动启动C程序【转】
本文转载自:http://blog.csdn.net/u011258134/article/details/50749174 如何让A20,android开机自动启动C程序 2014-12-26 11 ...