首页 > 试题广场 >

常见的浏览器端的存储技术有哪些?

[不定项选择题]
常见的浏览器端的存储技术有哪些?
  • cookie
  • localStorage
  • session
  • userData
推荐
ABD
cookie 是靠谱的浏览器都支持;localStorge 比 cookie 存的更多,获取更方便,而且存储内容不会随请求发送给服务器;session 虽然需要 cookie 支持(通常存放加密过的 sessionId),但是不在浏览器端存放主要信息,排除;IE 支持 userData 存储数据,但是基本很少使用到,除非有很强的浏览器兼容需求。
编辑于 2014-12-30 20:55:13 回复(12)

有时需要将网页中的一些数据保存在浏览器端,这样做的好处是,当下次访问页面时,不需要再次向服务器请求数据,直接就可以从本地读取数据。目前常用的有以下几种方法:

cookie

cookie会随着每次HTTP请求头信息一起发送,无形中增加了网络流量,另外,cookie能存储的数据容量有限,根据浏览器类型不同而不同,IE6大约只能存储2K。

Flash ShareObject

这种方式能能解决上面提到的cookie存储的两个弊端,而且能够跨浏览器,应该说是目前最好的本地存储方案。不过,需要在页面中插入一个Flash,当浏览器没有安装Flash控件时就不能用了。所幸的是,没有安装Flash的用户极少。

缺点:需要安装Flash插件。

Google Gear

Google开发出的一种本地存储技术。

缺点:需要安装Gear组件。

userData

IE浏览器可以使用userData来存储数据,容量可达到640K,这种方案是很可靠的,不需要安装额外的插件。缺点:它仅在IE下有效。

sessionStorage

使用于Firefox2+的火狐浏览器,用这种方式存储的数据仅窗口级别有效,同一个窗口(或者Tab)页面刷新或者跳转,都能获取到本地存储的数据,当新开窗口或者页面时,原来的数据就失效了。

缺点:IE不支持、不能实现数据的持久保存。

globalStorage

使用于Firefox2+的火狐浏览器,类似于IE的userData。

1 //赋值 2 globalStorage[location.hostname]['name'] = 'tugai'; 3 //读取 4 globalStorage[location.hostname]['name']; 5 //删除 6 globalStorage[location.hostname].removeItem('name');

缺点:IE不支持。

localStorage

localStorage是Web Storage互联网存储规范中的一部分,现在在Firefox 3.5、Safari 4和IE8中得到支持。

缺点:低版本浏览器不支持。

结论:
Flash shareobject是不错的选择,如果你不想在页面上嵌入Flash,可以结合使用userData(IE6+)和globalStorage(Firefox2+)和localStorage(chrome3+)实现跨浏览器。


发表于 2015-03-30 22:54:57 回复(1)
ABD
session为服务器端存储技术
发表于 2015-03-30 11:25:29 回复(2)
可以告诉我什么是常用么?
userData也能叫常用?只有IE支持!
发表于 2017-05-06 18:01:50 回复(0)
1.cookie cookie的特点是会随着HTTP请求头信息一起发送,能存储的数据容量有限,不同浏览器cookie大小不一样,一般为 4kb,而IE6大约只有2K。 cookie的常用三种方法 (1)设置cookie function setcookie(name,value){ var date = new Date(); date.setDate(date.getDate()+1); document.cookie= name + "=" + escape(value) + ";expire="+ date.toGMTString(); console.log(document.cookie); } setcookie("wenhao","shuaige"); (2)读取cookie function readcookie(name){ if(document.cookie){ var start = document.cookie.indexOf(name+"="); if(start != -1) var end = document.cookie.indexOf(";",start+name.length); if(end != -1) var str = document.cookie.substring(start+name.length+1,end); console.log(str); } } readcookie(“wenhao”); (3)删除cookie function delCookie(){ var data = new Date(); date.setTime(data.getTime()-1); document.cookie= name + “=” + val + “;expire=” + date.toGMTString(); } 2.userData userData只能在IE浏览器来存储数据,容量可以达到640K。 3.sessionStorage 临时存储,只支持一些高版本的浏览器(ie不支持),用这种方式存储的数据仅窗口级别有效,当新开窗口或者关闭页面时,原来的数据就失效了。 4.globalStorage 只支持高版本的浏览器,类似于IE的userData。 常用的操作globalStorage方法: 1.赋值  globalStorage[location.hostname]['name'] = '111'; 2.读取 globalStorage[location.hostname]['name']; 3.删除 globalStorage[location.hostname].removeItem('name'); 5.Flash ShareObject 需要在页面中插入一个Flash插件(我没有用过,应该是需要引入外部文件),而且能够跨浏览器。 6.Google Gear Google开发出的一种本地存储技术,需要安装Gear组件才能使用。 6.localStorage localStorage是Web Storage互联网存储规范中的一部分,大部分浏览器都能支持。
发表于 2017-03-27 14:23:56 回复(0)
浏览器端:
cookie
WebStorage(localStorage、sessionStorage)
userData
indexedDB
服务器端:
session
发表于 2016-07-31 10:40:14 回复(1)
ie userdata
发表于 2020-07-25 15:04:51 回复(0)

session在服务端


发表于 2020-03-31 16:08:39 回复(0)
服务器端:session
发表于 2020-02-14 15:35:19 回复(0)
cookie 是靠谱的浏览器都支持;localStorge 比 cookie 存的更多,获取更方便,而且存储内容不会随请求发送给服务器;session 虽然需要 cookie 支持(通常存放加密过的 sessionId),但是不在浏览器端存放主要信息,排除;IE 支持 userData 存储数据,但是基本很少使用到,除非有很强的浏览器兼容需求。
发表于 2019-11-19 17:56:44 回复(0)
session(服务器端)和sessionStorage(浏览器端)是不一样的
发表于 2019-09-20 15:01:53 回复(0)
ie🐎没了
发表于 2019-09-06 15:16:24 回复(0)
浏览器端:
cookie
WebStorage(localStorage、sessionStorage)  
    localStorage存的信息比cookie还多,且不会发送给服务器
    sessionStorage存储的数据仅窗口级别有效
userData  (IE独有)
indexedDB

服务器端:
session
发表于 2019-08-21 21:02:19 回复(0)
浏览器端:
cookie
WebStorage(localStorage、sessionStorage)
userData
indexedDB
服务器端:
session
发表于 2019-08-03 10:53:11 回复(0)
浏览器端:
cookie
WebStorage(localStorage、sessionStorage)
userData
indexedDB
服务器端:
session
发表于 2019-06-13 10:18:30 回复(0)
浏览器端: cookie WebStorage(localStorage、sessionStorage) userData indexedDB 服务器端: session
发表于 2019-05-07 07:42:06 回复(0)
userData是IE独有的浏览器存储
sessionStorage是窗口级别
编辑于 2019-04-30 13:42:02 回复(0)

常见的浏览器端存储技术:Cookie; WebStorage(localStoragesessionStorage); userData; indexedDB

服务器端session

发表于 2019-03-14 15:29:12 回复(0)
浏览器端:
cookie
WebStorage(localStorage、sessionStorage)
userData
indexedDB
服务器端:
session
发表于 2019-03-12 23:11:53 回复(0)
session需要cookie支持,但不在浏览器端存放主要信息;localStorage存的信息比cookie还多,且不会发送给服务器;IE支持userData
编辑于 2018-12-16 12:02:43 回复(0)
session 存在服务器端

发表于 2018-12-01 21:41:21 回复(0)