本篇内容介绍了“HTML5的Web存储是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
HTML5的Web存储涉及两部分内容,一是数据存储,支持更多本地存储方案;二是文件读取,支持了File API。
Web应用中数据存储有两种方式:一是Web服务器,二是客户端存储,也就是本地存储。
HTML5出现之前,本地存储只有一种方式:cookie。但是,cookie有着明显的缺点,存储数据量少,会被携带到HTTP请求上增加传输开销……HTML5提供两种新的本地存储方式:localStorage和sessionStorage。
下面再进一步讲解着两种storage知识。
(1) cookie,localStorage和sessionStorage(2) 方法
localStorage和sessionStorage提供的方法一样,和存储相关的方法有,。下面就增删改免费云主机域名查操作做个简单实例:
同时,支持事件响应存储变化。一旦数据发生变化,如增加,减少,修改,即会触发事件。如下面例子:
打开两个同样的页面,在其中一个页面点击Add按钮,向localStorage添加一条新数据,然后查看另外一个页面控制台,会发现打印出信息。这说明,事件被触发。
HTML5还提供了File API从硬盘上提取文件,交给网页中运行的JavaScript。
HTML5 File API只能读取文件,不能修改或创建文件。读取文件有四种形式:,(可以将二进制图片内容转成base64的格式),最常用的是第一种。参考下面例子(将选择的文件内容以字符串方式显示在页面上):
HTML5也支持一次读取多个文件,使用属性。“HTML5的Web存储是什么”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注百云主机网站,小编将为大家输出更多高质量的实用文章!
本篇内容主要讲解“Python面向对象编程怎么理解”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Python面向对象编程怎么理解”吧!面向对象编程是一种非常流行的编程范式(programming paradigm)…
免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。