HTML5
文章平均质量分 75
振长策而御宇内
一只在编程海洋中遨游的小虾米
展开
-
HTML5 实现对用户访问某一页面进行计数
HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后,数据依然可用。sessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据原创 2013-10-23 13:31:13 · 8330 阅读 · 1 评论 -
HTML5参考手册之视频/音频
HTML5 视频和音频的 DOM 参考手册HTML5 DOM 为 和 元素提供了方法、属性和事件。这些方法、属性和事件允许您使用 JavaScript 来操作 和 元素。HTML5 Audio/Video 方法方法描述addTextTrack()向音频/视频添加新的文本轨道canPlayTy原创 2013-12-03 09:13:22 · 1385 阅读 · 0 评论 -
HTML5参考手册之标签
HTML 5通过制定如何处理所有 HTML 元素以及如何从错误中恢复的精确规则,HTML 5 改进了互操作性,并减少了开发成本。HTML 5 中的新特性包括了嵌入音频、视频和图形的功能,客户端数据存储,以及交互式文档。HTML 5 还包含了新的元素,比如:, , 以及 等等。HTML 5 工作组包括:AOL, Apple, Google, IBM, Micros原创 2013-12-03 09:06:14 · 1381 阅读 · 0 评论 -
HTML5参考手册之画布
描述HTML5 标签用于绘制图像(通过脚本,通常是 JavaScript)。不过, 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。本手册提供完整的 getContext("2d") 对象属性和方法,可用于在画布上绘制文本、线条、矩形、圆形原创 2013-12-03 09:14:12 · 1322 阅读 · 1 评论 -
HTML5参考手册之属性
所有 HTML 5 标签均支持下面列出的属性,仅有少数例外。HTML 5 标准属性NEW:HTML 5 中新的标准属性。注释:HTML 4.01 不再支持 accesskey 属性:属性值描述accesskeycharacter规定访问元素的键盘快捷键classclassna原创 2013-12-03 09:10:01 · 1170 阅读 · 0 评论 -
HTML5参考手册之事件
全局事件属性HTML 4 增加了通过事件触发浏览器中行为的能力,比如当用户点击某个元素时启动一段 JavaScript。下面的表格列出了可插入 HTML 5 元素中以定义事件行为的标准事件属性。Window 事件属性 - Window Event Attributes表单事件 - Form Events键盘事件 - Keybord Events鼠标事件 -原创 2013-12-03 09:11:47 · 1138 阅读 · 0 评论 -
HTML5实现音频播放
Web 上的音频直到现在,仍然不存在一项旨在网页上播放音频的标准。今天,大多数音频是通过插件(比如 Flash)来播放的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 audio 元素来包含音频的标准方法。audio 元素能够播放声音文件或者音频流。音频格式当前,audio 元素支持三种音频格式:原创 2013-11-29 17:13:29 · 2846 阅读 · 0 评论 -
HTML5实现视频播放
Web 上的视频直到现在,仍然不存在一项旨在网页上显示视频的标准。今天,大多数视频是通过插件(比如 Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5 规定了一种通过 video 元素来包含视频的标准方法。视频格式当前,video 元素支持三种视频格式:格式IEFirefoxOpera原创 2013-11-29 17:12:22 · 3930 阅读 · 1 评论 -
HTML5 实现地理定位,在谷歌地图上显示你的位置
HTML5提供对用户地理位置进行定位的功能。 可以使用:navigator.geolocation.getCurrentPosition() 方法获取用户的当前经度和纬度 方法如下:首先判断浏览器是否支持地理定位,然后运行getCurrentPosition(),如果getCurrentPosition()运行成功,则向返回一个coordinates对象,通过这个对象获取用户当原创 2013-10-25 13:31:01 · 7831 阅读 · 1 评论 -
HTML5 如何实现拖拽效果
最近有一个项目,需要做一个页面效果,就是将页面中的图片元素拖拽到指定的位置并进行保存,页面加载后自动载人上次拖拽的位置(比如页面中有一医院的平面简图,现在想把某一温度传感器设备的简图放到指定的房间),开始的时候想用Flex或者Flash做,可惜这两个都不会,在网上找了几个实现拖拽的例子,终于可以拖拽图片啦,但是在与数据库交互时,如何存储并再次显示图片的坐标犯了难。 这两天在看HT原创 2013-10-23 09:19:27 · 4630 阅读 · 2 评论 -
HTML5实现拖放
拖放(Drag 和 drop)是 HTML5 标准的组成部分。拖放拖放是一种常见的特性,即抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。浏览器支持Internet Explorer 9、Firefox、Opera 12、Chrome 以及 Safari 5 支持拖放。注释:在 Safari 5原创 2013-12-30 09:34:48 · 1370 阅读 · 0 评论