本地存储(1)获取页面URL地址并判断URL是否包含具体值;,sessionstorage,localStorage清除removeItem

本文介绍jquery/js获取当前页面url地址的方法,在jquery与js中获取当前页面url方法是一样的,
因为jquery没有自己相关的函数,使用js 的windows方法来获取,
相关方法如下:
window.location.pathname //设置或获取对象指定的文件名或路径
window.location.href //设置或获取整个 URL 为字符串
window.location.port //设置或获取与 URL 关联的端口号码
window.location.protocol //设置或获取 URL 的协议部分
window.location.hash //设置或获取 href 属性中在井号“#”后面的分段
window.location.host //设置或获取 location 或 URL 的 hostname 和 port 号码
window.location.hostname //设置或获取 location 或 URL 的 hostname 和 port 号码
window.location.search //设置或获取 href 属性中跟在问号后面的部分
window.location //属性 描述 hash 设置或获取 href 属性中在井号“#”后面的分段




avascript判断字符串中是否包含某字符串,js字符串中查看子字符
indexOf函数方法示例用法: 
function IndexDemo(str2){  
   var str1 = "BABEBIBOBUBABEBIBOBU"  
   var s = str1.indexOf(str2);  
   return(s);  
} 
例如博客中的快速评论代码:
var url = window.location.pathname;  
if(url.indexOf("post") >= 0 ) { //判断url对象文件名中是否包含post
  alert('这是文章页面');  
} 
其他示例:
var url = window.location.href;
if(url.indexOf("link") >= 0 ) { //判断url地址中是否包含link字符串,如果包含将改写元素标签id为nav0和nav1的class样式名称
  document.getElementById("nav0").className = "header_nav_menua";
  document.getElementById("nav1").className = "header_nav_menub";
}




if(url.indexOf("tag") >= 0 ){ //判断url地址中是否包含tag字符串,如果包含将改写元素标签id为nav0和nav1的class样式名称
  document.getElementById("nav0").className = "header_nav_menub";
  document.getElementById("nav1").className = "header_nav_menua";
} 

项目实例:

data(){
       pathmenu:'',
}




//如果路由中有path=menu,就本地存储
if(window.location.search.indexOf("path=menu") >= 0){//判断传的路径中是否带参数path=menu
       window.sessionStorage.setItem('PATHMENU', window.location.search);                 
}
this.pathmenu = window.sessionStorage.getItem('PATHMENU');//使用本地存储
if(this.pathmenu != '?path=menu'){
    window.sessionStorage.removeItem('PATHMENU');//在这里要清除sessionstorage
    //do something
.......................

}else if(this.pathmenu == '?path=menu'){
 window.sessionStorage.removeItem('PATHMENU');//在这里要清除sessionstorage
     //do something
    .......................

}

session:
存储:
window.sessionStorage.setItem('key',vlaue);//key是自定义的命名,存储是的名字,value;要存储的值

取值:
window.sessionStorage.getItem('key');
赋值//可在页面中使用
this.a =  window.sessionStorage.getItem('PATHMENU');

清除:
window.sessionStorage.removeItem('key');

local:

存储:
window.localStorage.setItem('key',vlaue);//key是自定义的命名,存储是的名字,value;要存储的值

取值:
window.localStorage.getItem('key');
赋值//可在页面中使用
this.a =  window.localStorage.getItem('PATHMENU');

清除:
window.localStorage.removeItem('key');


 

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在 Web 应用程序中,我们经常需要在浏览器中保存一些数据,以便在下一次访问应用程序时可以直接读取这些数据。为了实现这个功能,Web 浏览器提供了两种本地数据存储方式:`localStorage` 和 `sessionStorage`。 `localStorage` 和 `sessionStorage` 都是浏览器提供的 JavaScript API,可以用来在浏览器中保存和读取数据。它们的主要区别在于数据的生命周期和作用域。 `localStorage` 中保存的数据是永久性的,除非用户手动清除,否则数据将一直保存在浏览器中。而 `sessionStorage` 中保存的数据只在当前会话中有效,当用户关闭浏览器窗口或标签页时,数据将被删除。 另外,`localStorage` 中保存的数据可以在不同的窗口或标签页中共享,而 `sessionStorage` 中保存的数据只能在同一个窗口或标签页中共享。 在 JavaScript 中,我们可以使用以下代码来读取和保存数据到本地存储中: ``` // 保存数据到 localStoragelocalStorage.setItem('key', 'value') // 从 localStorage 中读取数据 const value = localStorage.getItem('key') // 从 localStorage 中删除数据 localStorage.removeItem('key') // 清空 localStorage 中的所有数据 localStorage.clear() ``` 类似地,我们可以使用 `sessionStorage` 来读取和保存数据: ``` // 保存数据到 sessionStoragesessionStorage.setItem('key', 'value') // 从 sessionStorage 中读取数据 const value = sessionStorage.getItem('key') // 从 sessionStorage 中删除数据 sessionStorage.removeItem('key') // 清空 sessionStorage 中的所有数据 sessionStorage.clear() ``` 需要注意的是,`localStorage` 和 `sessionStorage` 中只能保存字符串类型的数据,如果需要保存其他类型的数据,需要先将其转换为字符串类型。例如,我们可以使用 `JSON.stringify` 方法将 JavaScript 对象转换为字符串,然后再保存到本地存储中。在读取数据时,需要使用 `JSON.parse` 方法将字符串转换为 JavaScript 对象。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值