`
Dream丶AL
  • 浏览: 22200 次
  • 性别: Icon_minigender_1
文章分类
社区版块
存档分类
最新评论

HTML本地储存

 
阅读更多

       HTML5 storage提供了一种方式让网站能够把信息存储到你本地的计算机上,并再以后需要的时候进行获取。这个概念和cookie相似,区别是它是为了更大容量存储设计的。Cookie的大小是受限的,并且每次你请求一个新的页面的时候cookie都会被发送过去。HTML5storage是存储在你的计算机上,网站在页面加载完毕后可以通过Javascript来获取这些数据。

 

 

本地储存可用两中方法,sessionStorage与localStorage,sessionStorage所存储数据在关闭浏览器(或标签页)后数据就不存在了。但刷新页面或使用“前进”、“后退按钮”后sessionStorage仍然存在,localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。 

 

sessionStorage本地存储数据:

sessionStorage.setItem('name','AL');

 

 注意: 'name'为键名,值为'AL'。

 

 

localStorage本地存储数据:

localStorage.setItem("name", 'AL');

 

sessionStorage从本地取数据:

sessionStorage.getItem('name');

 

 

 

localStorage从本地取数据:

localStorage.getItem('name');

 

分享到:
评论

相关推荐

    HTML本地存储实例

    HTML本地存储,特别是HTML5中的localStorage和Web数据库(Database)技术,是现代Web应用中用于在客户端存储数据的重要工具。这些技术使得开发者可以将部分数据存储在用户的浏览器中,从而提高应用程序的性能,减少...

    html5-本地存储

    ### HTML5本地存储详解 #### 一、HTML5本地存储概述 HTML5本地存储(LocalStorage)作为HTML5标准的一部分,提供了强大的客户端数据存储能力。它允许网页应用在用户的浏览器上持久化存储数据,无需每次都从服务器...

    HTML5本地存储不完全指南

    HTML5本地存储不完全指南 HTML5 本地存储

    HTML5的本地存储

    ### HTML5的本地存储 #### 一、概述 HTML5 的本地存储技术是现代Web开发中一项非常重要的特性,它允许网页应用在用户的浏览器中存储数据。与传统的Cookie存储方式相比,HTML5本地存储提供了更丰富的功能和更大的...

    HTML5 本地存储实现购物车功能

    今天突发奇想,如果能用HTML5本地存储实现,就会大大增高程序效率。当然,HTML5 本地存储涉及到各个浏览器的兼容性,涉及存储数据的大小(NKB)等问题。在这儿需要说明的是:如果你做一个不大不小的微商城项目,那么你...

    html5本地存储-公告模块

    HTML5本地存储是现代网页应用中一个至关重要的技术,它允许开发者在用户的浏览器上存储数据,无需服务器的参与。这极大地改善了用户体验,尤其是对于离线应用或者需要频繁交互的数据缓存场景。在这个"html5本地存储-...

    本地存储javascript类库

    为了解决这些问题,HTML5引入了新的本地存储机制,包括`localStorage`和`sessionStorage`。它们提供了一种在客户端存储大量数据的方式,而不会随HTTP请求发送到服务器。然而,这些新特性并非所有浏览器都支持,尤其...

    HTML5本地存储——Web SQL Database

    HTML5是现代网页开发的重要标准,它引入了许多新特性,其中本地存储技术是提升Web应用离线可用性和性能的关键部分。Web SQL Database是HTML5早期的本地存储解决方案之一,允许Web应用程序在用户的浏览器中存储大量...

    java实现本地读取图片存储到数据库中并在html网页显示

    在本文中,我们将深入探讨如何使用Java实现在本地读取图片并将其存储到数据库中,之后再通过HTML页面显示这些图片。这个过程涉及到的主要技术包括Java编程、数据库操作(特别是MySQL)以及前后端交互。 首先,我们...

    iOS加载本地HTML

    UIWebView是苹果提供的一种控件,它允许开发者在应用内部加载和显示网页内容,包括本地存储的HTML文件。下面我们将深入探讨如何使用UIWebView加载本地HTML以及相关的知识点。 首先,我们需要了解UIWebView的基本...

    html5本地存储 localStorage操作使用详解

    HTML5的本地存储功能极大地增强了Web应用程序的能力,使得开发者能够在用户浏览器端持久地存储数据,无需服务器交互。本文主要探讨了HTML5中的两种本地存储形式——`localStorage`和`sessionStorage`,以及它们的...

    webview加载本地的html文件

    2. **通过fileProvider加载本地文件**:如果你的HTML文件位于外部存储(如SD卡)中,你需要使用FileProvider来安全地共享文件。首先,在AndroidManifest.xml中配置FileProvider: ```xml android:name="androidx....

    HTML5 本地数据库操作

    HTML5是Web开发领域的一次重大革新,其中一个重要特性就是引入了本地数据库存储技术,使得开发者可以实现离线应用的功能。这一特性极大地提升了用户体验,尤其是在网络环境不稳定或无网络的情况下,用户仍然能够访问...

    突袭HTML5之Javascript API扩展3—本地存储全新体验

    HTML5的Javascript API扩展在本地存储方面带来了全新的体验,解决了传统方法中存在的一系列问题。在HTML5之前,开发者在客户端存储数据时面临多种选择,如HTTP Cookie、IE的userData、Flash Cookie以及Google Gears...

    Android打开本地HTML网页AndroidStudio工程.rar

    在Android平台上,开发人员经常需要实现一个功能:打开本地存储的HTML网页。这个"Android打开本地HTML网页AndroidStudio工程.rar"文件很可能包含了一个简单的示例项目,演示如何在Android应用中加载并显示本地HTML...

    HTML5规范的本地存储

    HTML5规范的本地存储

Global site tag (gtag.js) - Google Analytics