随笔分类 -  HTML5

HTML5 Web Storage API
摘要：window.sessionStorage.setItem("myKey","myValue");window.sessionStorage.getItem("myKey");sessionStorage的作用域只是在浏览（在构建它的窗口或标签有效）当中有效，用户关闭浏览器后失效 try { if(!window.openDatabase){ alert('Not Supported cs-db'); } else{ var shortName = 'noteDB'; ... 阅读全文
posted @ 2011-12-21 20:12 陈跳跳 阅读(278) 评论(0) 推荐(0)
HTML5表单
摘要：placeholder="First and last Name" 提示信息autocompate="on" 保存用户数据/on,不可以保存用户数据/off,如果没有设置或没有放到form中则为on/unspecifiedautofocus 页面载入时设置获得焦点　min,max 最小值和最大值　step 跳跃间隔 required 必填 <datalist id="contactlist"> <option value="XX@***.oom" label="Racer X" 阅读全文
posted @ 2011-12-21 17:59 陈跳跳 阅读(241) 评论(0) 推荐(0)
跨源通信
摘要：window.postMessage("Hello","portal.**.com");//发信息给Iframedocument.getElementsByTagName("ifram")[0].contentWindow.postMessage("Hello","portal.**.com");监听消息事件var originWhiteList = ["www.***.com","www.***.net"];function checkWhiteList 阅读全文
posted @ 2011-12-21 14:10 陈跳跳 阅读(204) 评论(0) 推荐(0)
Canvas
摘要：moveTo(x,y):不绘制，只是将当前位置移动到新的目标坐标(x,y).lineTo(x,y):不仅将当前位置移动到新的目标坐标(x,y)，而且在两个坐标之间画一条直线moveTo像是提起画笔移到新位置，而lineTo用画笔从旧坐标画一条直线到新坐标。判断Canvas是否支持 try { document.createElement("canvas").getContext("2d"); document.getElementById("support").innerHTML="支持HTML5 Canvas"; 阅读全文
posted @ 2011-12-21 13:40 陈跳跳 阅读(287) 评论(1) 推荐(0)
JavaScript日志
摘要：以前经常用alert();输出信息，不过这种方法实在是恶心和麻烦。在有调试功能的浏览，打开调试功能后全用如下方式可以方便输出日志;console.log('对象数组1：', firsts); 阅读全文
posted @ 2011-12-20 22:08 陈跳跳 阅读(357) 评论(0) 推荐(0)
querySelector & querySelectorAll
摘要：document.getElementById("test");document.getElementsByName("test");document.getElementsByTagName("input")上面是过去的方法。以下是HTML5新增的方法：document.querySelector("input.infor");document.querySelectorAll("#hTD");document.querySelector("input","div 阅读全文
posted @ 2011-12-20 21:49 陈跳跳 阅读(239) 评论(0) 推荐(0)
HTML5变化 （一）
摘要：<!DOCTYPE html><meta charset="utf-8"><header> 标记头部区域的内容<footer> 标记脚部区域的内容<section> Web页面中的一块区域<article> 独立的文章语言内容<aside> 相关内容或者引文<nav> 导航类辅助内容HTML5根据内容类型不同，将标记元素分为七类1.内嵌 向文档中添加其他类型的内容 ：audio,video,canvas2.流 在文档和应用的body中全用的元素:form,h1.small3.标题 阅读全文
posted @ 2011-12-10 17:55 陈跳跳 阅读(294) 评论(0) 推荐(0)