html5功能

传统事件处理

:直接.事件名=function(){},优点:兼容性良好;缺点:一次只能绑定一个事件,不能设定事件流的类型(冒泡或捕获);

现在事件处理:

(DOM浏览器)addEventListener=(‘click‘,function(){},true);(非DOM-ie)attachEvent(‘onclick‘,function(){})可以绑定多个事件,可以设置冒泡或者是捕获


http协议:

无状态协议->cookie的产生;

cookie,sessionstorage,localstoreage,webSQL之间的区别:

cookie的缺陷:大小限制,不能存储敏感信息;cookie,sessionstorage默认存在时间:浏览器打开到关闭;localstoreage没有时间上的限制;

拖放

拖放是一种常见的特性,即抓取对象以后拖到另一个位置。

在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。

如果使用JS书写的话,会浪费不少效率,虽然H5并不兼容,但任需记住的很

实用的标签

便可以使元素拖动; 事件有: ondrag(拖动元素); ondragend(拖动操作结束时); ondragenter(拖动至放置区时); ondragover(拖动至放置区移动时); ondragstart(拖动元素移动时); ondrop(拖动放置区后); ondragleave(拖动后);

定位

定位有:gps;网络基站;wifi;手机信号基站;

现仅IE9和苹果浏览器支持;

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

且国内无法连接谷歌服务器,只能配合百度地图的API配合使用。

错误代码:

Permission denied - 用户不允许地理定位

Position unavailable - 无法获取当前位置

Timeout - 操作超时

时间: 2025-01-02 03:58:13

html5功能的相关文章

基于HTML5功能强大的滑块幻灯片

分享一款功能强大的HTML5滑块幻灯片.这是一款基于jQuery+HTML5实现的图片切换幻灯片代码.效果图如下: 在线预览   源码下载 实现的代码. html代码: <section class="welcome"> <div class="container"> <div class="row"> <div class="col-md-12 a"> <div id=&

Html5 学习之 Html5功能判断插件 Modernizr

---恢复内容开始--- Modernizr 浏览器对HTML5和CSS3开发的功能检测类库 由于当前用户使用的浏览器版本较多,对H5和CSS3的支持也各不相同.前端的开发者,在使用一些新的特性的时候,就比较的麻烦.需要去兼容各种浏览器,判断这些浏览器是否支持这些新的特性. Modernizr可以帮助前端的开发者很好的解决这一问题. Modernizr是什么? 用官网的话说,Modernizr是一个JavaScript库,在用户的浏览器中监测对HTML5和CSS3功能支持.这也是我们的目的所在.

使用Html5多媒体实现微信语音功能

随着微信等社交App的兴起,语音聊天成为很多App必备功能,大到将语音聊天作为主要功能的社交App,小到电商App的语音客服.店小二功能,语音聊天成为了必不可少的方式. 但是很多人感觉网页端语音离我们很遥远,这些更多是本地应用的工作,其实不然,随着Html5的发展,语音功能也渐渐成为前端必会的功能之一. 为什么要学会HTML5 的语音呢? 1.Html5 规范推进,手机的更新加速了操作系统更新,语音功能将会变成前端主要的工作之一,就像现在的canvas一样.前端实现语音功能开发速度更快,更节省人

HTML5项目笔记1:项目准备和工具使用

公司的 New Case,有需要离线应用工作系统这一块,目标是网络无论在线或离线情况下都可以执行系统操作,这样员工在无网络的情况下依然可以执行公司的项目任务,进行表单填报和数据的客户端保存,并在网络通畅的时候与服务端进行交付和数据通信.整体设计经过讨论使用HTML5的功能开发,并指定用户使用特定的浏览器. 该系统包含了HTML5的Form API(表单),WebStorage API,Communication API(用于跨域访问),WebDataBase API,File System AP

HTML5 学习笔记(一)——HTML5概要与新增标签

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5

HTML5 学习总结(一)——HTML5概要与新增标签

目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明 二.废弃的标签 三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3

HTML5移动端跨平台应用开发框架解析

移动端跨平台应用开发是个有趣的话题.纵观该领域目前各个开发商提供的多种方案,大致可以分为三大类: 基于HTML5的方案.该方案以PhoneGap/Cordova为代表.其基本思路是针对HTML5标准目前功能上的不足,补充定义了一套比较实用的API(比如硬件访问/系统交互等),然后基于平台上自带的Web引擎(比如iOS的UIWebview等),通过扩展机制实现了这些API,在此基础上再提供一套应用打包部署系统.Intel的XDK也属于此类方案. 将Native API映射封装成统一语言的API的方

HTML5学习摘录

设计原理 不是规范里都包含什么,而是规范里为什么会包含它们,以及在设计这个规范的时候,设计者们是怎么看待这些东西的. 发展史:HTML2.0——>HTML3.2——>HTML4.0.1——>XHTML1.0——>XHTML1.1和XHTML2.0的失败——>HTML5 原理: (1)避免不必要的复杂性 HTML 4.01的doctype: <!DOCTYPE html PUBLIC "-//W3C/DTD HTML 4.01//EN""ht

HTML5 程序设计笔记(一)

HTML5 概述 1.html5 发展史 1993年html首次以因特网草案形式发布. 20世纪90年代,html大幅发展,从2.0版,到3.2版和4.0版.最后到1999年的4.01版. 伴随html发展,W3C掌握了对html规范的控制权. 快速发布四个版本后,在业界人为html已经末路的同时,对web标准焦点开始转移到XML和XHTML上.HTML被放在次要位置. 致力于将web平台提升到一个新高度,一小组人在2004年成立WHATWG,他们创立了HTML5规范,同时开始转对web应用开发