HTML5的新存储方式

最新推荐文章于 2023-12-04 19:15:43 发布

weixin_34266504

最新推荐文章于 2023-12-04 19:15:43 发布

阅读量75

点赞数

原文链接：http://www.cnblogs.com/perlphp/archive/2012/05/25/2517618.html

版权

1.sessionStorage

两个页面a.html,b.html

## a.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <script>
       sessionStorage.setItem('msg','hello world');
       console.log(sessionStorage.getItem('msg'));
   </script>
</body>
</html>
打印结果 是 : hello world

## b.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <script>
       console.log(sessionStorage.getItem('msg'));
   </script>
</body>
</html>

打印结果 是 : null

个人感觉sessionStroage和一个js的变量差不多,作用域是整个页面

2. localStroage

#a.html
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <script>
        localStorage.setItem('msg','hello world');
        console.log(localStorage.getItem('msg'));
    </script>
</body>
</html>

#结果hello world

# b.html
 <!DOCTYPE html>
 <html>
 <head>
  <meta charset="utf-8">
 </head>
 <body>
     <script>
          console.log(localStorage.getItem('msg'));
     </script>
  </body>
  </html>
#结果输出 hello world

#当b.html的不在同一人域名下时输出为null

结论: localStroage和cookie的作用域一样

转载于:https://www.cnblogs.com/perlphp/archive/2012/05/25/2517618.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34266504

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML5的新存储方式

1.sessionStorage两个页面a.html,b.html## a.html<!DOCTYPE html><html><head> <meta charset="utf-8"></head><body> <script> sessionStor...
复制链接

扫一扫