html5学习笔记18-web存储、web sql、web worker

这篇具有很好参考价值的文章主要介绍了html5学习笔记18-web存储、web sql、web worker。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

https://www.runoob.com/html/html5-webstorage.html

HTML5 web 存储,可替代 cookie 的本地存储方式。
客户端存储数据的两个对象:localStorage网站的 sessionStorage窗口的

localStorage.setItem("sitename", "菜鸟教程"); // 存储
document.getElementById("result").innerHTML = "网站名:" +  localStorage.getItem("sitename");// 查找
保存数据:localStorage.setItem(key,value);
读取数据:localStorage.getItem(key);
删除单个数据:localStorage.removeItem(key);
删除所有数据:localStorage.clear();
得到某个索引的key:localStorage.key(index);

web db sql

openDatabase:这个方法使用现有的数据库或者新建的数据库创建一个数据库对象。
transaction:这个方法让我们能够控制一个事务,以及基于这种情况执行提交或者回滚。
executeSql:这个方法用于执行实际的 SQL 查询。

web worker文章来源地址https://www.toymoban.com/news/detail-691076.html

//demo_workers.js
var i=0;
function timedCount(){
    i=i+1;
    postMessage(i);
    setTimeout("timedCount()",500);
}
timedCount();
//调用方式
if(typeof(w)=="undefined"){
    w=new Worker("demo_workers.js");
}
w.onmessage=function(event){
    document.getElementById("result").innerHTML=event.data;
};
w.terminate();

到了这里,关于html5学习笔记18-web存储、web sql、web worker的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • html5学习笔记14-Canvas 图形

    https://www.runoob.com/html/html5-canvas.html Canvas 参考手册. https://www.runoob.com/tags/ref-canvas.html HTML5 元素用于图形的绘制,通过脚本 (通常是JavaScript)来完成. 标签只是图形容器,您必须使用脚本来绘制图形。 你可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。 创建一

    2024年02月11日
    浏览(54)
  • HTML5中Canvas学习笔记:Canvas

    目录 一、HTML中Canvas画图strokeStyle 和 fillStyle 的区别是什么? 二、如何设置一幅canvas图中某个颜色透明? 三、H5 canvas中strokeRect参数如果是小数,如何处理? 四、H5 Canvas中如何画圆角矩形框? 五、js中取某个颜色的相反颜色如何取,比如黑色对白色 六、如何通过js编程设改变

    2024年02月14日
    浏览(43)
  • html学习笔记12-HTML5、浏览器兼容性问题

    https://www.runoob.com/html/html5-intro.html HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持

    2024年02月11日
    浏览(47)
  • html5学习笔记17-拖放、地理定位、视频、音频......

    拖放 https://www.runoob.com/html/html5-draganddrop.html 地理定位 https://www.runoob.com/html/html5-geolocation.html 视频 https://www.runoob.com/html/html5-video.html 音频 https://www.runoob.com/html/html5-audio.html Input 类型 https://www.runoob.com/html/html5-form-input-types.html 通过input节点的type属性控制交互类型。 type=\\\"text\\\"为文

    2024年02月11日
    浏览(44)
  • html5学习笔记15-内联SVG 可缩放矢量图形

    https://www.runoob.com/html/html5-svg.html SVG 图形的容器。SVG 有多种绘制路径、框、圆、文本和图形图像的方法。 可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万

    2024年02月11日
    浏览(51)
  • HTML小游戏18 —— html5版街头霸王游戏(附完整源码)

    💂 网站推荐:【神级源码资源网】【摸鱼小游戏】 🤟 前端学习课程:👉【28个案例趣学前端】【400个JS面试题】 💅 想寻找共同学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】 💬 免费且实用的计算机相关知识题库:👉进来逛逛 本节教程我会带大家使用 HTML 、

    2024年01月17日
    浏览(50)
  • html5学习笔记19-SSE服务器发送事件(Server-Sent Events)

    https://www.runoob.com/html/html5-serversentevents.html 允许网页获得来自服务器的更新。类似设置回调函数。 demo_sse.php demo_sse.aspx

    2024年02月09日
    浏览(50)
  • html5学习笔记16-MathML 数学标记语言,书写数学符号和公式的置标语言

    https://www.runoob.com/html/html5-mathml.html

    2024年02月11日
    浏览(46)
  • HTML5 sessionStorage会话存储

    sessionStorage 是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。 1. 介绍 1.1 说明 1.2 特点 1.3 浏览器最小版本支持 1.4 适合

    2024年02月08日
    浏览(60)
  • 浅述HTML5的离线存储

    离线存储是什么?  离线存储就是在用户没有与因特网连接时,可以正常访问站点或应用,在用户与因特网连接时,更新用户机器上的缓存文件。 离线存储的原理: h5的离线存储是基于一个新建的.appcache文件的缓存机制,通过这个文件上的解析清单离线存储资源,这些资源就

    2024年04月10日
    浏览(45)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包