js获取url页面id,也就是最后的数字文件名


Posted in Javascript onSeptember 25, 2020

第一种方法:正则匹配

<script>
var strUrl = "//3water.com/article/825.htm";
url = strUrl.match(/\/(\d*)\.(html|htm|shtm|shtml)/);
document.write(url[1]);
</script>

实际应用代码

<script>
var strUrl = location.href;
url = strUrl.match(/\/(\d*)\.(html|htm|shtm|shtml)/);
document.write(url[1]);
</script>

第二种方法:直接将页面分割成数组数组split

<script>
var strUrl = location.href;
var arrUrl=strUrl.split("/");
var strPage=arrUrl[arrUrl.length-1];
alert(strPage.replace(".html","").replace(".htm",""));
</script>

第三种方法:用substring

<script>
var strUrl = window.location.href;
str=strUrl.substring(strUrl.lastIndexOf("/") + 1)
alert(str.replace(".html","").replace(".htm",""));
</script>

substring定义和用法

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

语法

stringObject.substring(start,stop)

参数 描述
start 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。
stop 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。 如果省略该参数,那么返回的子串会一直到字符串的结尾。

返回值

一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。

说明

substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。

如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。

第四种:针对页面中有?等不正常参数的

例如//3water.com/article/333.htm?path=/asdf/ddd

<script>
var strUrl = "http://www.3water.com/article/222.htm";
//获取当前页面名称
//var strUrl=window.location.href;
var arrUrl=strUrl.split("/");
var strPage=arrUrl[arrUrl.length-1];
if(strPage.indexOf("?")>-1){
  var pageName=strPage.split("?");
  strPage=pageName[0];
}
alert(strPage.replace("html","").replace(".htm",""));
</script>

到此这篇关于js获取url页面id,也就是最后的数字文件名的文章就介绍到这了,更多相关js获取url页面id内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Javascript 相关文章推荐
javascript 全选与全取消功能的实现代码
Dec 23 Javascript
JavaScript实现twitter puddles算法实例
Dec 06 Javascript
JavaScript中toString()方法的使用详解
Jun 05 Javascript
JavaScript中循环遍历Array与Map的方法小结
Mar 12 Javascript
JS中的eval 为什么加括号
Apr 13 Javascript
Vue键盘事件用法总结
Apr 18 Javascript
微信小程序实现笑脸评分功能
Nov 03 Javascript
Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)
Apr 17 Javascript
详解jQuery如何实现模糊搜索
May 10 jQuery
深入了解JavaScript 的 WebAssembly
Jun 15 Javascript
微信小程序地图实现展示线路
Jul 29 Javascript
vue 中使用print.js导出pdf操作
Nov 13 Javascript
OpenLayers3实现图层控件功能
Sep 25 #Javascript
OpenLayers实现图层切换控件
Sep 25 #Javascript
OpenLayers3实现对地图的基本操作
Sep 28 #Javascript
vue中实现弹出层动画效果的示例代码
Sep 25 #Javascript
OpenLayers3加载常用控件使用方法详解
Sep 25 #Javascript
在webstorm中配置less的方法详解
Sep 25 #Javascript
OpenLayers加载缩放控件使用方法详解
Sep 25 #Javascript
You might like
150kHz到30Mhz完全冲浪手册
2020/03/20 无线电
PHP个人网站架设连环讲(二)
2006/10/09 PHP
字母顺序颠倒而单词顺序不变的php代码
2010/08/08 PHP
解析PHP跳出循环的方法以及continue、break、exit的区别介绍
2013/07/01 PHP
PHP实现负载均衡的加权轮询方法分析
2018/08/22 PHP
php设计模式之代理模式分析【星际争霸游戏案例】
2020/03/23 PHP
ExtJS TabPanel beforeremove beforeclose使用说明
2010/03/31 Javascript
js字符编码函数区别分析
2011/12/28 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
JavaScript Array对象扩展indexOf()方法
2014/05/09 Javascript
javascript 原型链维护和继承详解
2014/11/26 Javascript
深入理解JavaScript系列(29):设计模式之装饰者模式详解
2015/03/03 Javascript
jQuery实现拖拽效果插件的方法
2015/03/23 Javascript
jQuery实现表格行和列的动态添加与删除方法【测试可用】
2016/08/01 Javascript
详解JavaScript调用栈、尾递归和手动优化
2017/06/03 Javascript
用最少的JS代码写出贪吃蛇游戏
2018/01/12 Javascript
如何获取TypeScript的声明文件.d.ts
2018/05/01 Javascript
发布Angular应用至生产环境的方法
2018/12/10 Javascript
解决vue页面渲染但dom没渲染的操作
2020/07/27 Javascript
[50:27]OG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/30 DOTA
Python通过递归遍历出集合中所有元素的方法
2015/02/25 Python
在Python中使用HTML模版的教程
2015/04/29 Python
Django中cookie的基本使用方法示例
2018/02/03 Python
基于python的多进程共享变量正确打开方式
2018/04/28 Python
python安装requests库的实例代码
2019/06/25 Python
Django框架视图函数设计示例
2019/07/29 Python
python代码能做成软件吗
2020/07/24 Python
基于css3实现漂亮便签样式
2013/03/18 HTML / CSS
荷兰家电购物网站:Expert.nl
2020/01/18 全球购物
化学教师教学反思
2014/01/17 职场文书
学生周末回家住宿长期请假条
2014/02/15 职场文书
找工作求职信
2014/07/07 职场文书
清洁工个人工作总结
2015/03/05 职场文书
大学生村官工作总结2015
2015/04/09 职场文书
python库sklearn常用操作
2021/08/23 Python