1、Geolocation API的基本知识 在HTML5中，window.navigator对象新增了一个geolocation属性，可以使用Geolocation API访问该属性。 获得当前地里位置：void getCurrentPosition(onsuccess[,onError,options]); 参数1：成功执行的回调函数。function(position){/*处理*/} 参数2：失败回调函数：参数为error对象，包括code(1-用户拒绝位置服务,2-获取不到位置信息,3-获取信息超时)和message(包含错误信息)属性。 参... Read More
1、跨文档消息传输 要想接受从其他的窗口那里发过来的消息，就必须对窗口对象的message事件进行监视。 window.addEventListener("message",function(ev){...},false); ev.orgin:获取消息的发送源； ev.data:消息内容； ev.source:获取消息发送源的窗口对象。 使用window对象的postMessage方法向其他窗口发送消息。 otherWindow.postMessage(message,targerOrigin); 2、Web Soc... Read More
1、Web Storage 在Web上存储数据，是针对客户端本地而言的。对HTML4中cookies存储机制的一个改善。 sessionStorage：用来保存用户从进入网站到浏览器关闭这段时间要保存的数据。 sessionStorage.setItem(key,value),sessionStorage.getItem(key); localStorage：将数据保存在客户端本地的硬件设备中，下次打开浏览器可以继续使用。 localStorage.setItem(key,value),localStorage.getItem(key)... Read More
audio: video: source元素为媒体数据指定多个播放格式与编码格式。 //type为MIME类型,codecs媒体编码格式 ... 属性： src,autoplay,preload, poster(video特有)属性可以在视频不可用的时候，为用户展示一幅图片。 loop,controls,width,height, error只读属性 networkState属性：媒体数据加载过程中读取当前网络状态。 currentSrc buffered:通过该属性对象来确认浏览器是否已缓存媒体数据。 readyState:媒体当前播放位置的就绪状态。... Read More
1、canvas基础 canvas：相当于一个画布。ID,width,heighr 获取canvas元素 -> 获得上下文(canvas对象的getContext) -> 填充与绘制边框(fill,stroke) -> 设定样式(lineWidth,fillStyle,strokeStyle) -> 绘制(context.fillRect(x,y,width,height)) 如： 2、使用路径 开始创建路径：context.beginPath(); 创建图... Read More
1、增强的页面元素 新增的figure和figcaption(标题) 新增的details元素：将画面上局部区域进行展开或者收缩的方法。 详细 内容... 新增的mark元素：用于突出显示或者高亮显示。常用于搜索结果中关键词的高亮显示。 新增progrress:进度，可以是不确定的，max,value. 新增meter:表示规定范围内的数量值。 value,min,max,low,high,optimun 新增的menu和command：浏览器还不支持。 改良的ol列表：start定义编号初始值，r... Read More
1、新增的主体结构元素 article:代表文档、页面或者应用程序中独立的、完整的、可以独立被外部引用的内容。 还可以有标题(放在header元素里)，有时还有自己的脚注(footer)。 可以嵌套使用。 section：内容分块(包含内容和标题)。 nav：页面导航链接组。不要使用menu代替。 aside:表示页面或者文章的附属信息部分，可以包含引用、侧边栏、广告、导航条 被包含在article元素中作为主要内容的附属信息部分。 在article之外使用，作为页面或站点全局的附属信息部分。 time元素与微格式：datet... Read More
1、语法的改变 HTML5中的标记方法：仍然为"text/html". Doctype声明：刻意不使用版本，不区分大写，. 指定字符编码：,也可以使用HTML4的方式(content)来指定。 在HTML5中，元素的标记可以省略。 不允许写结束标记的元素有(只允许"")：area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr. 可以省略标记的有：li,dt,dd,p,rt,rp,optgroup,option,co... Read More