HTML5——拖拽，地理定位，web存储，缓存

最新推荐文章于 2022-01-13 10:08:29 发布

露lu

最新推荐文章于 2022-01-13 10:08:29 发布

阅读量730

点赞数

CC 4.0 BY-SA版权

分类专栏： html5 文章标签： web api html5

本文链接：https://blog.youkuaiyun.com/weixin_40014283/article/details/78724380

本文介绍了HTML5的一些核心新特性，包括多媒体支持、拖拽操作、地理定位API，以及Web存储和应用缓存的使用。通过拖拽API，可以实现元素的拖放功能；地理定位能获取用户位置信息，同时尊重用户隐私；Web存储提供了更大的本地数据存储空间；应用缓存则允许网页在离线状态下仍能运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

新增API

多媒体

方法：load() 加载、play() 播放、pause() 暂停
属性：currentTime 视频播放的当前进度、
duration:视频的总时间
paused:视频播放的状态.

事件：
oncanplay: 事件在用户可以开始播放视频/音频（audio/video）时触发。

video.oncanplay = function(){
   
   
    video.style.display ='block';
    h = Math.floor(video.duration/3600);
    m = Math.floor(video.duration/60);
    s = Math.floor(video.duration%60);
    h = h<10?'0'+h:h;
    m =m<10?

最低0.47元/天解锁文章

200万优质内容无限畅学