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判断录入的日期是否合法
Jan 08 Javascript
JQUBAR1.1 jQuery 柱状图插件发布
Nov 28 Javascript
jQuery在iframe中无法弹出对话框的解决方法
Jan 12 Javascript
ie9 提示'console' 未定义问题的解决方法
Mar 20 Javascript
javascript实现鼠标移到Image上方时显示文字效果的方法
Aug 07 Javascript
jQuery ui实现动感的圆角渐变网站导航菜单效果代码
Aug 26 Javascript
jQuery on()方法绑定动态元素的点击事件无响应的解决办法
Jul 07 Javascript
微信小程序 MD5的方法详解及实例代码
Mar 10 Javascript
js清除浏览器缓存的几种方法
Mar 15 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
Dec 26 Javascript
vue框架下部署上线后刷新报404问题的解决方案(推荐)
Apr 03 Javascript
详解JVM系列之内存模型
Jun 10 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
PHP模拟http请求的方法详解
2016/11/09 PHP
[原创]网络复制内容时常用的正则+editplus
2006/11/30 Javascript
关于页面嵌入swf覆盖div层的问题的解决方法
2014/02/11 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
2016/07/24 Javascript
AngularJS 单元测试(二)详解
2016/09/21 Javascript
js实现定时进度条完成后切换图片
2017/01/04 Javascript
前端框架学习总结之Angular、React与Vue的比较详解
2017/03/14 Javascript
Vue2 SSR渲染根据不同页面修改 meta
2017/11/20 Javascript
Vue SPA单页应用首屏优化实践
2018/06/28 Javascript
js如何获取访问IP、地区、当前操作浏览器
2019/07/23 Javascript
实例分析JS中的相等性判断===、 ==和Object.is()
2019/11/17 Javascript
vue实现登录功能
2020/12/31 Vue.js
python持久性管理pickle模块详细介绍
2015/02/18 Python
操作Windows注册表的简单的Python程序制作教程
2015/04/07 Python
用于统计项目中代码总行数的Python脚本分享
2015/04/21 Python
Django异步任务之Celery的基本使用
2019/03/23 Python
python 将字符串完成特定的向右移动方法
2019/06/11 Python
PyCharm 创建指定版本的 Django(超详图解教程)
2019/06/18 Python
python中seaborn包常用图形使用详解
2019/11/25 Python
使用pytorch实现论文中的unet网络
2020/06/24 Python
Django+RestFramework API接口及接口文档并返回json数据操作
2020/07/12 Python
Python使用内置函数setattr设置对象的属性值
2020/10/16 Python
CSS3中Transform动画属性用法详解
2016/07/04 HTML / CSS
一款纯css3实现的鼠标悬停动画按钮
2014/12/29 HTML / CSS
HTML5文档结构标签
2017/04/21 HTML / CSS
HTML5 Canvas绘制圆点虚线实例
2015/01/01 HTML / CSS
加拿大购物频道:The Shopping Channel
2016/07/21 全球购物
美国二手奢侈品寄售网站:TheRealReal
2016/10/29 全球购物
毕业生机械建模求职信
2013/10/14 职场文书
创伤外科专业推荐信范文
2013/11/19 职场文书
青春励志演讲稿范文
2014/08/25 职场文书
2014年村支部书记四风对照检查材料思想汇报
2014/10/02 职场文书
学校政风行风评议心得体会
2014/10/21 职场文书
员工辞职信怎么写
2015/02/27 职场文书
小学生光盘行动倡议书
2015/04/28 职场文书
mybatis 解决从列名到属性名的自动映射失败问题
2021/06/30 Java/Android