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的用鼠标画出可移动的div
Sep 06 Javascript
js变换显示图片的实例
Apr 16 Javascript
写JQuery插件的基本知识
Nov 25 Javascript
JS动态显示表格上下frame的方法
Mar 31 Javascript
基于Jquery和html5的7款个性化地图插件
Nov 17 Javascript
学习JavaScript设计模式之享元模式
Jan 18 Javascript
json定义及jquery操作json的方法
Sep 29 Javascript
Bootstrap3 内联单选和多选框
Dec 29 Javascript
jQuery插件Echarts实现的双轴图效果示例【附demo源码下载】
Mar 04 Javascript
第一次记录Bootstrap table学习笔记(1)
May 18 Javascript
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
Vue + iView实现Excel上传功能的完整代码
Jun 22 Vue.js
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
thinkphp在模型中自动完成session赋值示例代码
2014/09/09 PHP
Thinkphp实现自动验证和自动完成
2015/12/19 PHP
PHP验证码生成原理和实现
2016/01/24 PHP
浅析Yii2 GridView实现下拉搜索教程
2016/04/22 PHP
php实现的生成迷宫与迷宫寻址算法完整实例
2017/11/06 PHP
js 判断checkbox是否选中的实现代码
2010/11/23 Javascript
Jquery插件写法笔记整理
2012/09/06 Javascript
JavaScript初学者建议:不要去管浏览器兼容
2014/02/04 Javascript
详解JavaScript中数组的相关知识
2015/07/29 Javascript
深入剖析JavaScript编程中的对象概念
2015/10/21 Javascript
bootstrap布局中input输入框右侧图标点击功能
2016/05/16 Javascript
学习Javascript闭包(Closure)知识
2016/08/07 Javascript
jquery 动态增加删除行的简单实例(推荐)
2016/10/12 Javascript
javascript设计模式之Adapter模式【适配器模式】实现方法示例
2017/01/13 Javascript
bootstrap中添加额外的图标实例代码
2017/02/15 Javascript
Angular在一个页面中使用两个ng-app的方法(二)
2017/02/20 Javascript
angularjs中回车键触发某一事件的方法
2017/04/24 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
微信小程序实现联动选择器
2019/02/15 Javascript
Vue实现剪贴板复制功能
2019/12/31 Javascript
如何实现小程序与小程序之间的跳转
2020/11/04 Javascript
[07:57]DOTA2热力大趴狂欢夜 广州站活动回顾
2013/11/27 DOTA
Python3基础之list列表实例解析
2014/08/13 Python
Python抓取电影天堂电影信息的代码
2016/04/07 Python
Python3编码问题 Unicode utf-8 bytes互转方法
2018/10/26 Python
用Python写一个模拟qq聊天小程序的代码实例
2019/03/06 Python
python英语单词测试小程序代码实例
2019/09/09 Python
浅析CSS3 中的 transition,transform,translate之间区别和作用
2020/03/26 HTML / CSS
优秀毕业生自荐信
2014/06/10 职场文书
群众路线查摆问题整改措施
2014/10/10 职场文书
银行授权委托书样本
2014/10/13 职场文书
饭店服务员岗位职责
2015/02/09 职场文书
护林员个人总结
2015/03/04 职场文书
2015年化验员工作总结
2015/04/10 职场文书
Python Django项目和应用的创建详解
2021/11/27 Python
python 管理系统实现mysql交互的示例代码
2021/12/06 Python