html5
关注
分享
扫一扫
starwmx520
这个作者很懒，什么都没留下…
展开
-
js 判断是否在线
可通过navigator.onLine 来判断是否在线或添加online offline监听来判断window.addEventListener('offline online",fn());window.onOnlinewindow.onOffline原创 2015-11-11 18:21:54 · 618 阅读 · 0 评论 -
HTML5 file
html5内新添加了对文件的操作可以用到的有:blob 对象，filelist FIleRenderblob对象表示二进制原始数据，它有一些方法可以用来操作而File对象继承了blob对象它有两个属性，size type 表示对象的mime类型，对于图片文件，type是以image开头var d="star 我" var blob=new Blob([d],原创 2016-06-07 16:05:44 · 897 阅读 · 0 评论 -
拖放元素
拖放流程:涉及到两个标签，一个是拖动标签，一个是拖入的标签。拖动标签：首先需要给它设置允许拖动属性 draggalbe=true为其绑定拖动开始事件(只在拖动开始时触发)，拖动中移动事件，拖动完成事件dragstart事件内通过setData来设置值如iddrag事件内可以通过e对象来获取当前位置信息dragend事件会在最后完成时触发释放目标标签：事件顺序是：原创 2016-04-19 17:48:19 · 367 阅读 · 0 评论 -
indexedDB 数据库
在IndexedDB大部分操作并不是我们常用的调用方法，返回结果的模式，而是请求——响应的模式，比如打开数据库的操作var request=window.indexedDB.open('testDB');这条指令并不会返回一个DB对象的句柄，我们得到的是一个IDBOpenDBRequest对象，而我们希望得到的DB对象在其result属性中，result是一个 IDBDat原创 2016-03-11 18:40:27 · 585 阅读 · 0 评论 -
postMessage 解决窗口跨域消息传递
现在跨域嵌套的网页通信现在有了新的解决办法了。postMessage(data,origin)data是要传递的数据origin:指明目标窗口源，http://XX.com 这样的。如果同源就/如果传递任意*父页面：document.querySelector("#child").contentWindow.postMessage('getcolor','htt原创 2016-03-10 14:44:56 · 3099 阅读 · 0 评论 -
Worker
/*“父线程和worker线程有它们各自的独立空间，信息主要是来回交换而不是共享。”*worker遵守同源策略 */var w;function startWorker(){if( typeof(Worker) !== 'undefined'){w=new Worker('worker.js');w.postMessage('父级传递的');//还可通过 addEv原创 2015-12-15 11:19:17 · 395 阅读 · 0 评论 -
javascript 新增的选择器
.a1{color:blue;}.a1b{font-size:14px;}.a1c{background: #ccc;}a2a3a4a5a6span1span2//querySelector用法/*它会返回符合结果的第一个ele*选择器可以.类 标签名 #id [name='name1'] ele.class ele#id *还可用,应用多个原创 2015-12-15 11:21:22 · 375 阅读 · 0 评论 -
FileReader createObjectURL
FileReaderFileReader:提供了读取文件的方法和结果的事件模型使用它web可以异步的读取计算机上的文件或原始数据缓冲的内容。可以使用file 或blod对象来指定所要处理的文件或数据。其中file对象可以来自于input上返回的filelist对象。也可以来自拖放操作生成的 DataTransfer对象,还可以是来自在一个HTMLCanvasElement上原创 2015-12-15 11:20:45 · 849 阅读 · 0 评论 -
js 新增的方法
//querySelector用法/*它会返回符合结果的第一个ele*选择器可以.类 标签名 #id [name='name1'] ele.class ele#id *还可用,应用多个选择器 */console.log('.a1',document.querySelector('.a1'));console.log('.a3',document.querySelecto原创 2015-12-09 15:45:04 · 566 阅读 · 0 评论 -
页面数据存储
1、HTML5添加的storage它分为两个：一个是sessionStorage :session是一种会话，只能在本页面访问。关闭页面此对象清除方法：setItem(name,val) getItem(name) 无值时返回null removeItem(name) clear() 属性：sessionStorage.name //获取或设置指定属性的值原创 2016-06-07 16:17:31 · 506 阅读 · 0 评论