H5新增API_geoLocation

goeLocation 通常用来粗略估计地理位置，代码如下

window.navigator.geolocation.getCurrentPosition(function (position) {   //两个回调函数，第一个为获取成功的回调，第二个为获取失败的回调console.log(position)
}, function () {console.log('error')
})

【注】

1）只有在https协议和file协议下才能获取到位置信息，http协议不可以；

2）谷歌浏览器需要番蔷才能获取到位置信息

3）从双击本地html文件，使用的就是file协议，如下图

H5新增API_geoLocation相关推荐

h5新增浏览器本地缓存localStorage
h5新增属性学习笔记(非原创) html5中的Web Storage包括了两种存储方式:sessionStorage和localStorage. sessionStorage用于本地存储一个会话(se ...
web语义化与h5新增标签
Web语义化就是html告诉我们也告诉机器这一块是什么内容,例如:"这行是一个标题,这几行组成一个段落,这是一个列表,那是一个链接." Web语义化有三个阶段: 1.h1~h6.t ...
H5新增特性之语义化标签
H5新增特性之语义化标签语义化标签顾名思义标签有自己的含义,浏览器或者程序员一看就知道是什么.在HTML 5出来之前,我们用div来表示页面章节,但是这些div都没有实际意义.(即使我们用css样式 ...
（14）H5新增表单属性
一.required属性演示 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
（12）H5新增语义化标签布局案例
一.标签语义化以前制作网页布局,我们基本用div来做.div就是一个普通的块级标签,对于搜索引擎来说,是没有语义的. <!DOCTYPE html> <html lang=&quo ...
html标签：表格、列表、图片、文字、表单、以及h5新增特性
文章目录前言一.表格二.列表三.图片四.文字五.表单六.h5新增特性 1.语义化标签 2.表单新增input属性 3.datalist 4.filedset 5.mark标记标签 6.多 ...
用H5新增标签实现自定义彩色花瓣
这几天学了h5新增元素,想着可以实现个自定义颜色小案例. 效果如下: 实现思路,点击花瓣时添加一个选中类名,然后通过上方 input 属性为 type='range',给花瓣添加背景颜色. 一.HTM ...
H5新增标签以及常用标签
H5新增标签以下是一些常用的标签 1.结构标签 (1)section:独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节.页眉.页脚或页眉的其他部分: (2)article:特殊独立 ...
H5新增表单元素、控件
表单-新增控件类型 • HTML5 增加了多个新的表单输入类型,这些新特性提供了更好的输入控制和验证,主要内容如下. • ①email.②url.③number.④range • ⑤Date pick ...

H5新增API_geoLocation

H5新增API_geoLocation相关推荐

最新文章

热门文章