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事件。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值