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 缩图函数 (onDOMLoaded)……
Oct 23 Javascript
javascript div 弹出可拖动窗口
Feb 26 Javascript
使用jQuery实现星级评分代码分享
Dec 09 Javascript
jQuery实现HTML5 placeholder效果实例
Dec 09 Javascript
JavaScript访问字符串中单个字符的两种方法
Jul 03 Javascript
jquery实现的点击翻书效果代码
Nov 04 Javascript
基于jQuery实现响应式圆形图片轮播特效
Nov 25 Javascript
Node.js DES加密的简单实现
Jul 07 Javascript
D3.js实现雷达图的方法详解
Sep 22 Javascript
JS简单实现点击按钮或文字显示遮罩层的方法
Apr 27 Javascript
微信小程序 网络通信实现详解
Jul 23 Javascript
Vue的自定义组件不能使用click方法的解决
Jul 28 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
Codeigniter控制器controller继承问题实例分析
2016/01/19 PHP
Yii2如何批量添加数据
2016/05/17 PHP
PHP获取不了React Native Fecth参数的解决办法
2016/08/26 PHP
Laravel 将数据表的数据导出,并生成seeds种子文件的方法
2019/10/09 PHP
JavaScript在IE和Firefox浏览器下的7个差异兼容写法小结
2010/06/18 Javascript
控制input输入框中提示信息的显示和隐藏的方法
2014/02/12 Javascript
JS实现控制表格行文本对齐的方法
2015/03/30 Javascript
javascript实现无缝上下滚动特效
2015/12/16 Javascript
基于javascript实现九九乘法表
2016/03/27 Javascript
javascript实现粘贴qq截图功能(clipboardData)
2016/05/29 Javascript
jquery——九宫格大转盘抽奖实例
2017/01/16 Javascript
基于jQuery选择器之表单对象属性筛选选择器的实例
2017/09/19 jQuery
详解Node.js利用node-git-server快速搭建git服务器
2017/09/27 Javascript
vue2.0 axios跨域并渲染的问题解决方法
2018/03/08 Javascript
详解如何使用微信小程序云函数发送短信验证码
2019/03/13 Javascript
axios封装,使用拦截器统一处理接口,超详细的教程(推荐)
2019/05/02 Javascript
javascript sort()对数组中的元素进行排序详解
2019/10/13 Javascript
如何基于viewport vm适配移动端页面
2020/11/13 Javascript
从零学python系列之数据处理编程实例(二)
2014/05/22 Python
python表格存取的方法
2018/03/07 Python
python连接mongodb密码认证实例
2018/10/16 Python
Python中如何将一个类方法变为多个方法
2019/12/30 Python
Python使用turtle库绘制小猪佩奇(实例代码)
2020/01/16 Python
多个python文件调用logging模块报错误
2020/02/12 Python
加拿大购物频道:The Shopping Channel
2016/07/21 全球购物
ASOS亚洲:ASOS Asia
2018/03/04 全球购物
英国最大的在线亚洲杂货店:Red Rickshaw
2020/03/22 全球购物
安全月活动总结
2014/05/05 职场文书
七夕活动策划方案
2014/08/16 职场文书
助残日活动总结
2014/08/27 职场文书
民政局标准版离婚协议书
2014/12/01 职场文书
2015年效能监察工作总结
2015/04/23 职场文书
2016年重阳节慰问信
2015/12/01 职场文书
创业计划书之烤红薯
2019/09/26 职场文书
分析并发编程之LongAdder原理
2021/06/29 Java/Android
Java中try catch处理异常示例
2021/12/06 Java/Android