首页 > 试题广场 >

Html5重新提供了在客户端保存数据的功能Web Stora

[不定项选择题]
Html5重新提供了在客户端保存数据的功能Web Storage,分别是?( )
  • sessionStorage
  • localStorage
  • localState
  • sessionState
我看写了 sessin 而不是 session 我就没选a 。。。。。
发表于 2020-10-29 20:40:56 回复(0)

Web Storage又分为两种:

1,sessionStorage

session,指的是一次会话,其时间作用于你访问开始一个网站到你关闭这个网站。

所以你用sessionStorage保存的数据在你关闭网站页面的时候就会被销毁,一般用于临时的数据保存

2,localStorage

local,指的是本地,它会把数据保存到你的硬盘中,即是浏览器被关闭了,下次访问也能读取到已经保存了的数据。

值得注意的是,由于不同浏览器数据存储的位置不一样,所以每个浏览器所存储的数据都是独立的,不能在其他浏览器中获取

 

我们来看看最简单的实现代码:

我准备了一个p标签,一个输入框,两个按钮。分别用于显示读取出来的数据,提供内容的输入,提交保存,读取数据。

代码中用到了2个方法,setItem和getItem,对应的是保存和读取,

当然你也可以用sessionStorage.[key] = value;的方式去保存,取数据的时候也非常简单,直接用sessionStorage.[key],你会得到你想到的东西的,

需要注意的是,用session保存的数据用local是取不到的,反过来也一样。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WebStorage</title>
</head>
<body>


<p id="msg"></p>
<input type="text" id="input">
<input type="button" value="保存数据" onclick="saveStorage('input');">
<input type="button" value="读取数据" onclick="loadStorage('msg');">

<script>

function saveStorage(id) {
    var targer = document.getElementById(id);
    var str = targer.value;
    sessionStorage.setItem('message', str);
}

function loadStorage(id) {
    var target = document.getElementById(id);
    var msg = sessionStorage.getItem('message');
    target.innerHTML = msg;
}

/*function saveStorage(id) {
    var target = document.getElementById(id);
    var str = target.value;
    localStorage.setItem('message', str);
}

function loadStorage(id) {
    var target = document.getElementById(id);
    var msg = localStorage.getItem('message');
    target.innerHTML = msg;
}*/

</script>

</body>
</html>

发表于 2019-09-13 15:40:20 回复(0)
这题真的是AB
发表于 2019-09-01 19:20:11 回复(0)
这题明显AB啊
发表于 2019-08-19 00:17:19 回复(0)
Web Storage又分为两种: 1,sessionStorage session,指的是一次会话,其时间作用于你访问开始一个网站到你关闭这个网站。 所以你用sessionStorage保存的数据在你关闭网站页面的时候就会被销毁,一般用于临时的数据保存 2,localStorage local,指的是本地,它会把数据保存到你的硬盘中,即是浏览器被关闭了,下次访问也能读取到已经保存了的数据。 值得注意的是,由于不同浏览器数据存储的位置不一样,所以每个浏览器所存储的数据都是独立的,不能在其他浏览器中获取 我们来看看最简单的实现代码: 我准备了一个p标签,一个输入框,两个按钮。分别用于显示读取出来的数据,提供内容的输入,提交保存,读取数据。 代码中用到了2个方法,setItem和getItem,对应的是保存和读取, 当然你也可以用sessionStorage.[key] = value;的方式去保存,取数据的时候也非常简单,直接用sessionStorage.[key],你会得到你想到的东西的, 需要注意的是,用session保存的数据用local是取不到的,反过来也一样。 <html lang="en"> <body> </body></html>
发表于 2019-11-08 08:45:50 回复(0)
session 一次会话保存数据 lical 本地保存数据
发表于 2023-12-19 16:25:38 回复(0)
sessionStorage写错了吧
发表于 2021-03-04 11:34:01 回复(0)
错别字可太**
发表于 2020-11-15 17:27:53 回复(0)
session, not sessin. 拼写错误也算错误啊
发表于 2020-05-30 06:48:42 回复(0)
看到评论就放心了
发表于 2019-09-10 11:07:28 回复(0)

看到评论就安心了

发表于 2019-09-07 09:06:57 回复(0)
明显是AB
发表于 2019-08-29 20:51:58 回复(0)