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 相关文章推荐
jquery.ui.progressbar 中文文档
Nov 26 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
Mar 05 Javascript
JS 实现导航栏悬停效果
Sep 23 Javascript
使用jQuery管理选择结果
Jan 20 Javascript
jquery移动点击的项目到列表最顶端的方法
Jun 24 Javascript
js命名空间写法示例
Dec 18 Javascript
js模仿java的Map集合详解
Jan 06 Javascript
Easyui的组合框的取值与赋值
Oct 28 Javascript
VUE JS 使用组件实现双向绑定的示例代码
Jan 10 Javascript
利用VUE框架,实现列表分页功能示例代码
Jan 12 Javascript
微信小程序获取手机系统信息的方法【附源码下载】
Dec 07 Javascript
如何优雅地取消 JavaScript 异步任务
Mar 22 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程序的方法
2009/03/09 PHP
php实现兼容2038年后Unix时间戳转换函数
2015/03/18 PHP
PHP sleep()函数, usleep()函数
2016/08/25 PHP
php微信开发接入
2016/08/27 PHP
yii2利用自带UploadedFile实现上传图片的示例
2017/02/16 PHP
利用javascript/jquery对上传文件格式过滤的方法
2009/07/25 Javascript
6款经典实用的jQuery小插件及源码(对话框/提示工具等等)
2013/02/04 Javascript
使用javascript实现json数据以csv格式下载
2015/01/09 Javascript
jQuery实现延迟跳转的方法
2015/06/05 Javascript
Jquery对新插入的节点 绑定Click事件失效的解决方法
2016/06/02 Javascript
全面解析标签页的切换方式
2016/08/21 Javascript
json定义及jquery操作json的方法
2016/09/29 Javascript
基于angular实现模拟微信小程序swiper组件
2017/06/11 Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
2017/06/19 Javascript
玩转Koa之koa-router原理解析
2018/12/29 Javascript
Vue解析带html标签的字符串为dom的实例
2019/11/13 Javascript
[16:43]Heroes19_剃刀(完美)
2014/10/31 DOTA
python利用装饰器进行运算的实例分析
2015/08/04 Python
python+matplotlib实现动态绘制图片实例代码(交互式绘图)
2018/01/20 Python
Python实现DDos攻击实例详解
2019/02/02 Python
Python动态语言与鸭子类型详解
2019/07/01 Python
Python使用matplotlib绘制三维参数曲线操作示例
2019/09/10 Python
利用python画出AUC曲线的实例
2020/02/28 Python
python 的numpy库中的mean()函数用法介绍
2020/03/03 Python
基于Python爬虫采集天气网实时信息
2020/06/05 Python
opencv 阈值分割的具体使用
2020/07/08 Python
利用python对mysql表做全局模糊搜索并分页实例
2020/07/12 Python
详解Python的爬虫框架 Scrapy
2020/08/03 Python
汉森冲浪板:Hansen Surfboards
2018/05/19 全球购物
新西兰领先的内衣店:Bendon Lingerie新西兰
2018/07/11 全球购物
网络安全类面试题
2015/08/01 面试题
就业推荐表自我鉴定
2014/03/21 职场文书
综治工作心得体会
2014/09/11 职场文书
幼儿园小班家长评语
2014/12/30 职场文书
2016十一国庆节慰问信
2015/12/01 职场文书
vscode远程免密登入Linux服务器的配置方法
2022/06/28 Servers