html5 离线存储 worker
2016-04-28 14:36
489 查看
html5 离线存储
html5 worker
内容编辑 语言输入 桌面提醒
<!DOCTYPE html> <html manifest="cache.manifest"> <!--manifest存储--> <head lang="en"> <meta charset="UTF-8"> <title>html5 离线存储 小应用</title> </head> <body> 1.在服务器如,apache 的httpd.conf 添加 AddType text/cache-manifest .manifest 2.顶部添加 manifest存储 3.编辑 cache.manifest cache.manifest(文件名) //以下是文件内容,缓存了一张图片 CACHE MANIFEST 2.png </body> </html>
html5 worker
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> html5 worker 在服务器后台创建一个线程,加快程序运行。 <script> var w1 = new Worker('test.js'); w1.postMessage('hi'); w1.onmessage = function(ev){ // 把一部分数据处理交给 html5 worker处理, alert( ev.data ); }; </script> <!-- test.js 文件 self.onmessage = function(ev){ self.postMessage(ev.data + '妙味课堂'); // 对数据进行处理,再返回 }; --> </body> </html>
内容编辑 语言输入 桌面提醒
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <!--内容编辑 contenteditable="true"--> <div contenteditable="true" style="height:200px; width:200px; background:red;">aaaaaaaaaaa</div> <!--语言输入 谷歌支持 可以录音输入 谷歌支持--> <input type="text" x-webkit-speech /> <!--桌面提醒 谷歌支持--> <script> window.webkitNotifications.requestPermission(); statue = window.webkitNotifications.checkPermission(); var notification =window.webkitNotifications.createNotification("[imgurl]","Title","Body"); notification.show(); </script> </body> </html>
相关文章推荐
- Html5
- H5元素
- Html5标签页面
- HTML5触摸事件(多点触控、单点触控)Demo
- 微软的基于webgl的H5 3D游戏引擎
- 8. H5 pushState/popstate + ajax开发无刷新页面
- 开大你的音响,感受HTML5 Audio API带来的视听盛宴
- PS雪碧图快捷键
- HTML5-01 简介
- HTML5:烟火
- html5开发之viewport使用
- HTML5翻页电子书
- html5-注意的细节
- html5-html基础
- CDH5使用安装报错解决办法
- HTML5——同步购物车
- h5学习笔记:line-height和height组合居中
- 超炫的HTML5粒子效果进度条 VS 如何规范而优雅地code
- Html5实现自己的分页加载
- HTML5 video标签播放本地视频只有声音没有图像 解决办法