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 相关文章推荐
cssQuery()的下载与使用方法
Jan 12 Javascript
Ajax搜索结果页面下方的分页按钮的生成
Apr 05 Javascript
在JavaScript中实现类的方式探讨
Aug 28 Javascript
jquery插件jquery倒计时插件分享
Dec 27 Javascript
无限树Jquery插件zTree的常用功能特性总结
Sep 11 Javascript
js+HTML5基于过滤器从摄像头中捕获视频的方法
Jun 16 Javascript
JavaScript生成二维码图片小结
Dec 27 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
Mar 04 Javascript
深入理解vue-loader如何使用
Jun 06 Javascript
垃圾回收器的相关知识点总结
May 13 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
Jul 13 Javascript
使用jQuery动态设置单选框的选中效果
Dec 06 jQuery
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
第四节 构造函数和析构函数 [4]
2006/10/09 PHP
PHP版QQ互联OAuth示例代码分享
2015/07/05 PHP
通过event对象的fromElement属性解决热区设置主实体的一个bug
2008/12/22 Javascript
jQuery TextBox自动完成条
2009/07/22 Javascript
jquery tab标签页的制作
2010/05/10 Javascript
通过百度地图获取公交线路的站点坐标的js代码
2012/05/11 Javascript
JS 两日期相减,获得天数的小例子(兼容IE,FF)
2013/07/01 Javascript
JavaScript如何从listbox里同时删除多个项目
2013/10/12 Javascript
JavaScript实现列出数组中最长的连续数
2014/12/29 Javascript
浅谈jQuery中replace()方法
2015/05/13 Javascript
JS中的THIS和WINDOW.EVENT.SRCELEMENT详解
2015/05/25 Javascript
JS实现3D图片旋转展示效果代码
2015/09/22 Javascript
谈谈js中的prototype及prototype属性解释和常用方法
2015/11/25 Javascript
微信公众平台开发教程(六)获取个性二维码的实例
2016/12/02 Javascript
Bootstrap基本组件学习笔记之分页(12)
2016/12/08 Javascript
vue学习笔记之vue1.0和vue2.0的区别介绍
2017/05/17 Javascript
微信小程序 http请求的session管理
2017/06/07 Javascript
Nodejs之http的表单提交
2017/07/07 NodeJs
vue watch深度监听对象实现数据联动效果
2018/08/16 Javascript
微信小程序websocket实现即时聊天功能
2019/05/21 Javascript
基于JS实现简单滑块拼图游戏
2019/10/12 Javascript
vue 实现tab切换保持数据状态
2020/07/21 Javascript
python实现人人网登录示例分享
2014/01/19 Python
python3使用urllib示例取googletranslate(谷歌翻译)
2014/01/23 Python
Python实现比较两个列表(list)范围
2015/06/12 Python
Python 绘图和可视化详细介绍
2017/02/11 Python
浅析Python装饰器以及装饰器模式
2018/05/28 Python
对Python捕获控制台输出流的方法详解
2019/01/07 Python
Python3将jpg转为pdf文件的方法示例
2019/12/13 Python
Python使用py2neo操作图数据库neo4j的方法详解
2020/01/13 Python
5 分钟读懂Python 中的 Hook 钩子函数
2020/12/09 Python
用Python实现职工信息管理系统
2020/12/30 Python
大学生优秀班干部事迹材料
2014/05/26 职场文书
经济类毕业生求职信
2014/06/26 职场文书
故宫英文导游词
2015/01/31 职场文书
Python进程间的通信之语法学习
2022/04/11 Python