C#202课的主要内容

今天主要学习了一下知识点：

       HTML5地理定位

        HTML5 Geolocation(地理定位)用于定位用户的位置

定位用户的位置

HTML5 Geolocation API 用于定位用户的位置。

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

浏览器支持

Internet Explorer9,Firefox,Chrome,Safari以及Opera支持地理定位

注释：对于拥有GPS的设备，比如iphone,地理定位更加精确

HTML5-使用地理定位

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

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

实例

处理错误和拒绝

getCurrentposition()方法的第二个参数用于处理错误，它规定当获得用户位置失败时运行的函数：

在地图中显示结果

如需在地图中显示结果，你需要访问可使用经度的地图服务，比如谷歌地图或百度地图：

实例

给定位置的信息

本页演示的是如何在地图上显示用户的位置。不过，地理定位对于给定位置的信息同样很有用处。

案例：

更新本地信息

显示用户周围的兴趣点

交互式车载导航系统

getCurrentposition()方法-返回数据

若成功，则getCurrentposition()方法返回对象，始终会返回latitude,longitude以及accuracy属性，如果可用，则会返回其他下面的属性

Geolocation对象-其他有趣的方法

watchposition()-返回用户的当前位置，并继续返回用户移动时的更新位置

clearwatch()-停止watchposition()方法

HTML5拖放

拖放

拖放是很常见的特性。它指的是你抓取某物并拖入不同的位置

拖放是HTML5标准的组成部分：任何元素都是可拖放的

浏览器支持

表格中的数字指示了完全支持拖放的首个浏览器版本

HTML拖放实例

把元素设置为可拖放

首先：为了把一个元素设置为可拖放，请把draggable属性设置为true：

拖放的内容-ondragstart和setData()

然后，规定当前元素被拖动时发生的事情

拖动何处-ondragover

ondragover事件规定被拖动的数据能够被放置到何处

默认地，数据/元素无法被放置到其他元素中，为了实现拖放，我们必须阻止元素的这种默认的处理方式。

这个任务由ondragover事件的event,preventDefault()方法完成：

进行放置-ondrop

当放开被拖数据时，会发生drop事件。