js获取url最后一个斜杠后的数据

2019年12月2日22:11:56 发表评论 阅读(23)

js获取url最后一个斜杠后的数据

最近有一个这样的需求,需要获取url最后一个斜杠后的数据,那么我们可以这样写

  1. var url = window.location.href;
  2. var index = url.lastIndexOf("\/");
  3. str = url.substring(index + 1,url.length);
  4. console.log(str);
  5. //输入:https://www.baidu.com/1024.html
  6. // 输出:1024.html

其中变量url的值,你可以赋值为任何你想要拿数据的url,上面代码中的url值为当前页面的url,当然上面的代码,你也可以复制到浏览器控制台来看一下效果。

上面的代码很好理解:

  1. 拿到url的值。
  2. 拿到url最后一个斜杠的位置。
  3. 使用substring方法提取斜杠后的值,substring方法接收两个参数,第一个参数为开始的位置,第二个参数为结束的位置(缺省则默认为字符串的结尾)。

说到截取方法,slice方法substring方法都可以实现这样的功能,他们两个的不同点在于:

substring() 不接受负的参数。

最后

除了可以拿到最后一个斜杠后的数据外,我们还可以拿到最后一个斜杠前的数据。

只需要将上述代码改为:

  1. var url = window.location.href;
  2. var index = url.lastIndexOf("\/");
  3. str = url.substring(0,index+1);   //此处为变动行
  4. console.log(str);
  5. //输入:https://www.baidu.com/1024.html  
  6. // 输出:https://www.baidu.com

在线预览图

js获取url最后一个斜杠后的数据

你也可以戳这里进行线上测试:戳我体验

 

 

weinxin
微信小程序
互联网开发,终身学习者,欢迎您的关注!
舍得

发表评论

不高兴 彩虹 吃瓜 丢翔 乖 滑稽 花心 惊哭 惊讶 挤眼 酷 伤心 帅吗? 礼物 玫瑰 怒 生气 喷 睡觉 太开心 小九九 啊
太阳 吐舌 委屈 笑眼 星星月亮 心碎 咦 阴险 疑问 真棒 偷笑 斜眼笑 震惊 略 哈欠 无奈哭 抠鼻 哼 期待 懒得理你 爱心 蜡烛