菜鸟教程html5定位

刘志峰个人博客

菜鸟教程html5定位的3个知识点本文围绕该话题展开讨论。

篇一:菜鸟教程html5定位

HTML5 Geolocation API 用于获得用户的地理位置。

鉴于该特性可能侵犯用户的隐私,除非用户同意,否则用户位置信息是不可用的。

浏览器支持

Internet Explorer 9+, Firefox, Chrome, Safari 和 Opera 支持Geolocation(地理定位).

注意: Geolocation(地理定位)对于拥有 GPS 的设备,比如 iPhone,地理定位更加精确。

HTML5 - 使用地理定位

请使用 getCurrentPosition() 方法来获得用户的位置。

下例是一个简单的地理定位实例,可返回用户位置的经度和纬度:

var x=document.getElementById("demo");
function getLocation()

{

 if (navigator.geolocation)

 {

 navigator.geolocation.getCurrentPosition(showPosition);

 }

 else

 {

 x.innerHTML="该浏览器不支持获取地理位置。";

 }

}

function showPosition(position)

{

 x.innerHTML="纬度: " + position.coords.latitude +

 " br 经度: " + position.coords.longitude; 

实例解析:

检测是否支持地理定位如果支持,则运行 getCurrentPosition() 方法。如果不支持,则向用户显示一段消息。如果getCurrentPosition()运行成功,则向参数showPosition中规定的函数返回一个coordinates对象showPosition() 函数获得并显示经度和纬度

上面的例子是一个非常基础的地理定位脚本,不含错误处理。

处理错误和拒绝

getCurre

ntPosition() 方法的第二个参数用于处理错误。它规定当获取用户位置失败时运行的函数:

function showError(error)
{

 switch(error.code)

 {

 case error.PERMISSION_DENIED:

 x.innerHTML="用户拒绝对获取地理位置的请求。"

 break;

 case error.POSITION_UNAVAILABLE:

 x.innerHTML="位置信息是不可用的。"

 break;

 case error.TIMEOUT:

 x.innerHTML="请求用户地理位置超时。"

 break;

 case error.UNKNOWN_ERROR:

 x.innerHTML="未知错误。"

 break;

 }

错误代码:

Permission denied - 用户不允许地理定位Position unavailable - 无法获取当前位置Timeout - 操作超时

菜鸟教程html5定位

篇二:菜鸟教程html5定位

video width= 320 height= 240 controls= controls source src= movie.ogg type= video/ogg source src= movie.mp4 type= video/mp4 Your browser does not support the video tag. /video /body /html

请点击 TIY 按钮来查看它是如何工作的。

篇三:菜鸟教程html5定位

HTML5 是下一代 HTML 标准。

HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后,Web 世界已经经历了巨变。

HTML5 仍处于完善之中。然而,大部分现代浏览器已经具备了某些 HTML5 支持。

HTML5 是如何起步的?

HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。

WHATWG 致力于 web 表单和应用程序,而 W3C 专注于 XHTML 2.0。在 2006 年,双方决定进行合作,来创建一个新版本的 HTML。

HTML5 中的一些有趣的新特性:

用于绘画的 canvas 元素用于媒介回放的 video 和 audio 元素对本地离线存储的更好的支持新的特殊内容元素,比如 article、footer、header、nav、section新的表单控件,比如 calendar、date、time、email、url、search HTML5 !DOCTYPE

!doctype 声明必须位于 HTML5 文档中的第一行,使用非常简单。

发表评论 (已有 条评论)
评论列表
    快来评论,快来抢沙发吧~