最近有一个这样的需求,需要获取url最后一个斜杠后的数据,那么我们可以这样写
- var url = window.location.href;
- var index = url.lastIndexOf("\/");
- str = url.substring(index + 1,url.length);
- console.log(str);
- //输入:https://www.baidu.com/1024.html
- // 输出:1024.html
其中变量url的值,你可以赋值为任何你想要拿数据的url,上面代码中的url值为当前页面的url,当然上面的代码,你也可以复制到浏览器控制台来看一下效果。
上面的代码很好理解:
- 拿到url的值。
- 拿到url最后一个斜杠的位置。
- 使用
substring方法
提取斜杠后的值,substring方法
接收两个参数,第一个参数为开始的位置,第二个参数为结束的位置(缺省则默认为字符串的结尾)。
说到截取方法,slice方法
和substring方法
都可以实现这样的功能,他们两个的不同点在于:
substring()
不接受负的参数。
最后
除了可以拿到最后一个斜杠后的数据外,我们还可以拿到最后一个斜杠前的数据。
只需要将上述代码改为:
- var url = window.location.href;
- var index = url.lastIndexOf("\/");
- str = url.substring(0,index+1); //此处为变动行
- console.log(str);
- //输入:https://www.baidu.com/1024.html
- // 输出:https://www.baidu.com
在线预览图
你也可以戳这里进行线上测试:戳我体验
微信小程序
互联网开发,终身学习者,欢迎您的关注!
2019年12月27日 下午1:34
这个方法还不错,收藏了,不过感觉方法应该还是挺多的。,,