localStorage与location的用法

1、localStorage 是h5提供的客户端存储数据的新方法:

  之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。

  设置存储时localStorage.setItem()方法,获取时用localStorage.getItem()方法;

提交数据时:

获取数据进行操作时:

如下,存储在本地中,除非你主动删除,

2、Location

Location 对象包含有关当前 URL 的信息。常常用于在AJAx中url所需参数;Location 对象是 window 对象的一部分,可通过 window.Location 属性对其进行访问。

  在前后台数据交互中,url的地址需要传参,以便动态获取所需数据,location会常常用到,location.search,

如下:

时间: 2024-10-10 07:08:37

localStorage与location的用法的相关文章

13.location的用法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> 演示示例:location的用法 <

localStorage 和 sessionStorage 的用法

其实提供的接口很简单,localStorage 和 sessionStorage 的用法是一样的. 设置数据:setItem(name, value) 获取数据:getItem(name) 删除键值:removeItem(name) 删除所有键值:clear() 例如: localStorage.setItem('name', 'wenzhixin'); localStorage.getItem('name'); //'wenzhixin' localStorage.removeItem('na

*.location.href 用法:

*.location.href 用法: top.location.href=”url”          在顶层页面打开url(跳出框架) self.location.href=”url”         仅在本页面打开url地址 parent.location.href=”url”     在父窗口打开Url地址 this.location.href=”url”     用法和self的用法一致     if (top.location == self.location) 判断当前locati

[email&#160;protected] $location.path(&#39;/login&#39;)-$location服务用法示例

$httpProvider interceptor .factory('auth403', ['$rootScope', '$q', '$location', function auth403($rootScope, $q, $location) { return { request: function (config) { console.log(config); var start = new Date(); return config; }, response: function (res

关于localStorage和sessionStorage存储用法的一些细节说明----------localStorage和sessionStorage存储必须字符串化

localStorage 和 sessionStorage 基本用法基本一致:localStorage需要会长时间保存,而sessionStorage会保存在当前对话框,会随着创库的关闭而被清除, 存储的数据格式必须是string:所以当localStorage.setItem(a,b)时,不管b为何种数据,在存储时都会被强制转化为string格式,进而在拿取getItem(a)时得到的永远是字符串, 但是在存储过程中如下细节需要注意: 1.存储数组时如果不处理,得到的是数组元素的字符串, va

localStorage本地存储的用法

localStorage用法 if(window.localStorage){ alert('这个浏览器支持本地存储'); }else{ alert('这个浏览器支持不本地存储'); } localStorage.a=3;//设置a为"3" localStorage["a"]="sfsf";//设置a为"sfsf",覆盖上面的值 localStorage.setItem("b","isaac&qu

localstorage,cookie等用法

localstorage用法 存数字字符直接存,存对象的时候要jsonstringify转一下不然会报错.取的时候也要转一下. 存:localStorage.setItem("youhuidata", JSON.stringify(this.dataList)); 取:JSON.parse(localStorage.getItem("youhuidata") 删除:localStorage.removeItem('youhuidata'); 原文地址:https:/

关于js中window.location.href,location.href,parent.location.href,top.location.href用法

"window.location.href"."location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe,B是A的iframe,如果D中js这样写 "window.location.href"."locatio

nginx配置location [=|~|~*|^~] /uri/ { … }用法

版权声明:https://github.com/wusuopubupt ====== nginx location语法 基本语法:location [=|~|~*|^~] /uri/ { … } = 严格匹配.如果这个查询匹配,那么将停止搜索并立即处理此请求.~ 为区分大小写匹配(可用正则表达式)!~为区分大小写不匹配~* 为不区分大小写匹配(可用正则表达式)!~*为不区分大小写不匹配^~ 如果把这个前缀用于一个常规字符串,那么告诉nginx 如果路径匹配那么不测试正则表达式. 示例 =====