1、常见的浏览器端的存储技术有哪些?
链接:https://www.nowcoder.com/questionTerminal/ac5ddea23eef49e29d50d86c74ee605b
来源:牛客网
有时需要将网页中的一些数据保存在浏览器端,这样做的好处是,当下次访问页面时,不需要再次向服务器请求数据,直接就可以从本地读取数据。目前常用的有以下几种方法:
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+)实现跨浏览器。
1)Firefox 不支持 DOM 对象的 outerhtml innerText outerText 属性。
在 Firefox 中使用 outerHTML、innerText、outerText 属性会使脚本程序报错。
http://w3help.org/zh-cn/causes/SD9017
2)SD9010: 仅 IE 中的 createElement 方法支持传入 HTML String 做参数
http://w3help.org/zh-cn/causes/SD9010
3)IE 混淆了 DOM 对象属性(property)及 HTML 标签属性(attribute),造成了对 setAttribute、getAttribute 的不正确实现
http://w3help.org/zh-cn/causes/SD9006
setAttribute(‘class‘,‘styleClass‘) FIREFOX支持,IE不支持
3、嵌入在HTML文档中的图像格式可以是?
网页html文档支持的图片格式有jpg , gif , png 和 bmp 这四种,jpg , gif 和 png 格式的图片特点是体积很小,因为在网上很常见,然而 bmp就不常见了,因为这种格式虽然很清晰色彩丰富,但是所占内存很大,所以很少见,但是也是支持的。一共这4种。
4、