sessionStorage的一些基本操作

最新推荐文章于 2023-08-02 15:16:52 发布
最新推荐文章于 2023-08-02 15:16:52 发布
阅读量1.2k 收藏
点赞数
分类专栏： js 文章标签： sessionStorage
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39634880/article/details/80376598
版权 
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <input type="button" value="保存" />
    <input type="button" value="获取" />
    <input type="button" value="删除" />
    <input type="button" value="清空所有" />
    <input type="text" value="" />
    <script type="text/javascript">
        //sessionStorage  浏览器关闭时，sessionStorage没有,不能跨页面
        window.onload = function () {
            var aInput = document.getElementsByTagName('input');
            //保存sessionstorage
            aInput[0].onclick = function () {
                var text = aInput[4].value;
                // 保存
                window.sessionStorage.setItem('one', text);
                window.sessionStorage.setItem('two', text);
            }
            //获取sessionstorage
            aInput[1].onclick = function () {
                console.log(window.sessionStorage.getItem('one'));
            }
            //删除sessionstorage
            aInput[2].onclick = function () {
                window.sessionStorage.removeItem('one');
            }
            //清除sessionstorage
            aInput[3].onclick = function () {
                //清除所有sessionstorage数据
                window.sessionStorage.clear();
            }
        }
    </script>
</body>
</html>

 

Future_object
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
sessionStorage、localStorage用法总结
回忆的夏天
11-03 231
在工作中使用sessionStorage存储数据时，发现sessionStorage无法直接存储数组和对象，如存入对象则显示为"[object Object]"，对此作下记录，重新温习sessionStorage和localStorage html5 中的 web Storage 包括了两种存储方式：sessionStorage 和 localStorage 共同点 存储大小为5MB，都保存在客户...
sessionStorage、localStorage
m0_55546349的博客
04-25 455
如何用sessionStorage保存对象和数组 https://blog.csdn.net/qq_30868289/article/details/79582280 一、sessionStorage、localStorage详解 webstorage webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage。在JavaScript语言中可通过 window.sessionStorage 或 sessionStorage 调用此对象。 localStora
js的sessionStorage操作
weixin_43467567的博客
11-05 448
// 保存数据到sessionStorage sessionStorage.setItem(‘key’, ‘value’); // 从sessionStorage获取数据 var data = sessionStorage.getItem(‘key’); // 从sessionStorage删除保存的数据 sessionStorage.removeItem(‘key’); // 从sessionStorage删除所有保存的数据 sessionStorage.clear(); ...
sessionstorage(会话存储对象)使用、存储、读取、删除（一）
qq_44438941的博客
03-15 8480
sessionstorage(会话存储对象)使用、存储、读取、删除
localStorage,SessionStorage和Cookie的操作方法
糯米w的博客
03-24 758
关于客户端数据存储，使用的local Storage，session Storage和cookie基本信息以及相关使用方法的介绍。
JavaScript/Html5_Javascript sessionStorage和localStorage 介绍 与 操作
迎难而上
03-02 364
源地址：http://www.jb51.net/html5/144597.html html5中的Web Storage包括了两种存储方式：sessionStorage和localStorage。 sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。 因此sessionStorage不是一
localStorage 和 sessionStorage的使用方法
qq_28886405的博客
12-28 266
什么是localStorage 以及sessionStorage localStorage 和sessionStorage都属于本地存储，不同之处在于，存储在 localStorage 里面的数据没有过期时间（expiration time），而存储在 sessionStorage 里面的数据会在浏览器会话（browsing session）结束时被清除，即浏览器关闭时。 注意事项
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
以下是一些基本操作示例： ```javascript // 访问Cookie var $cook = $.cookie("mycolor"); // 设置Cookie $.cookie("mycolor", "red"); $.cookie("mycolor", "red", { expires: 7, path: '/' }); // 删除Cookie ...
HTML5本地存储localStorage、sessionStorage基本用法、遍历操作、异常处理等
09-28
HTML5的本地存储功能主要由两个API提供：localStorage和sessionStorage。它们允许Web应用程序在用户的浏览器上持久存储数据，而不依赖...开发者应熟悉其基本用法，掌握异常处理和遍历操作，以便在实际项目中灵活运用。
html5本地存储之localstorage 、本地数据库、sessionStorage简单使用示例
09-28
localStorage提供了以下基本操作方法： 1. 设置数据：`localStorage.setItem(key, value);` 2. 获取数据：`localStorage.getItem(key);` 3. 删除数据：`localStorage.removeItem(key);` 4. 清除所有数据：`...
火狐浏览器查看sessionStorage存储位置
qq_51481160的博客
04-13 1436
文章目录你是否还在寻找 你是否还在寻找 你是否想在火狐浏览器里查找sessionStorage的存储位置，就像在谷歌浏览器中查找一样。 兄弟，别找了，目前我找了很多文章都没有说明，他能实现存储，但是，咱看不到，咱还是用谷歌吧。 ...
如何查看localStorage，sessionStorage?(浏览器)
weixin_43677787的博客
01-19 8484
1.谷歌浏览器 -->f12(右击检查) --> Application 2.Microsoft Edge -->f12(右击检查) --> 应用程序 相同点： 存储大小都是5MB； 都存储在浏览器中； 存储的是字符串形式（如果是对象需要使用JSON.stringify(对象)把它转换为字符串）（使用的时候使用JSON.parse(字符串名称)转化为对象）。 4.使用方式 /*存储*/ localStorage(sessionStorage).setItem(key,val
浏览器的localStorage和sessionStorage
weixin_63936479的博客
07-26 675
共有3种方式，localStorage、sessionStorage相当于window对象下面的一个属性，所以有[]和.调用，但也具有自身的getItem()方法。（4）只能存贮字符串，存储数组、对象的时候用JSON.stringify()转为字符串，拿数组、对象数据的时候，用JSON.pase()将字符串传为数组或对象。共有3种方式，localStorage、sessionStorage相当于window对象下面的一个属性，所以有[]和.调用，但也具有自身的setItem方法。
前端学习（598）：查看localstorage和sessionstorage
歌谣的博客
03-20 1032
js【详解】本地存储 Cookie、sessionStorage、localStorage
朝阳39的博客
05-16 1590
目录 Cookie、sessionStorage、localStorage的区别 Cookie的用法 安装依赖 导入依赖 使用方法 Cookie操作引用类型的数据（数组、对象等） sessionStorage的用法 localStorage的用法 Cookie、sessionStorage、localStorage的区别 特性 Cookie sessionStorage localStorage 数据有效期 可自定义失效时间，默认是关闭浏览器后失效 .
sessionStorage使用
peade的博客
12-02 6648
sessionStorage在MDN里的描述是这样的： sessionStorage 属性允许你访问一个 session Storage 对象。它与 localStorage 相似，不同之处在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原...
正则表达式与localStorage
qq_42453751的博客
07-13 534
本地存储技术: localStorage(IE8以下不兼容) 1、永久存储 2、最大可以存储5M 客户端的一个微型数据库 3、只能存储string cookie 1、可以设置过期时间 2、最大可以存4KB 3、每一个域名下面最多可以存储50条数据 sessionStorage（结合后台使用） localStorage 对象 setItem(name, value); getItem(name);
HTML5 sessionStorage会话存储
weixin_34238642的博客
07-20 2342
 　　sessionStorage 是HTML5新增的一个会话存储对象，用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据。本篇主要介绍 sessionStorage(会话存储)的使用方式。包括添加、修改、删除等操作。 目录 1. 介绍 　　1.1 说明 　　1.2 特点 　　1.3 浏览器最小版本支持 　　1.4 适合场景 2. 成员 　　2.1 属性...
sessionStorage的用法
scorpion_V的博客
08-02 1690
sessionStorage的存储方法
android webview sessionStorage
最新发布
08-09
WebView 中设置 `setWebChromeClient()` 并提供自定义的 `WebChromeClient` 对象时，你可以利用 `WebViewClient` 的 `onReceivedHttpAuthRequest` 方法来处理 HTTP 验证请求，其中可以读取和操作 SessionStorage ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值