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 相关文章推荐
跨浏览器的 mouseenter mouseleave 以及 compareDocumentPosition的使用说明
May 04 Javascript
jquery插件制作 手风琴Panel效果实现
Aug 17 Javascript
JS window对象的top、parent、opener含义介绍
Dec 03 Javascript
如何动态的导入js文件具体该怎么实现
Jan 14 Javascript
JS实现仿百度输入框自动匹配功能的示例代码
Feb 19 Javascript
jquery实现两边飘浮可关闭的对联广告
Nov 27 Javascript
深入浅析JavaScript中的Function类型
Jul 09 Javascript
基于代数方程库Algebra.js解二元一次方程功能示例
Jun 09 Javascript
通过button将form表单的数据提交到action层的实例
Sep 08 Javascript
input type=file 选择图片并且实现预览效果的实例
Oct 26 Javascript
JS async 函数的含义和用法实例总结
Apr 08 Javascript
vue+elementUI动态增加表单项并添加验证的代码详解
Dec 17 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
PHP面向对象之旅:深入理解static变量与方法
2014/01/06 PHP
PHP实现获取文件后缀名的几种常用方法
2015/08/08 PHP
PHP可变函数学习小结
2015/11/29 PHP
PHP中使用jQuery+Ajax实现分页查询多功能操作(示例讲解)
2017/09/17 PHP
基于jQuery判断两个元素是否有重叠部分的代码
2012/07/25 Javascript
JavaScript检测实例属性, 原型属性
2015/02/04 Javascript
学习使用AngularJS文件上传控件
2016/02/16 Javascript
浅析$.getJSON异步请求和同步请求
2016/06/06 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
2016/08/02 Javascript
AngularJS基础 ng-open 指令简单实例
2016/08/02 Javascript
WebSocket+node.js创建即时通信的Web聊天服务器
2016/08/08 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
js代码实现下拉菜单【推荐】
2016/12/15 Javascript
微信小程序使用Socket的实例
2017/09/19 Javascript
深入理解 webpack 文件打包机制(小结)
2018/01/08 Javascript
js实时监控文本框输入字数的实例代码
2018/01/18 Javascript
优雅的在React项目中使用Redux的方法
2018/11/10 Javascript
Vue组件系列开发之模态框
2019/04/18 Javascript
js实现带搜索功能的下拉框
2020/01/11 Javascript
vue如何在项目中调用腾讯云的滑动验证码
2020/07/15 Javascript
Antd中单个DatePicker限定时间输入范围操作
2020/10/29 Javascript
vue实现图片裁剪后上传
2020/12/16 Vue.js
[53:43]VP vs NewBee Supermajor 胜者组 BO3 第三场 6.5
2018/06/06 DOTA
[42:32]Secret vs Optic 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Pyramid Mako模板引入helper对象的步骤方法
2013/11/27 Python
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
Python记录详细调用堆栈日志的方法
2015/05/05 Python
python 实现删除文件或文件夹实例详解
2016/12/04 Python
python 实现创建文件夹和创建日志文件的方法
2019/07/07 Python
适合各种场合的美食礼品:Harry & David
2016/08/03 全球购物
英国最大的宝石首饰超市:QP Jewellers
2018/09/23 全球购物
JAVA代码查错题
2014/10/10 面试题
中英文自我评价常用句型
2013/12/19 职场文书
2014新课程改革心得体会
2014/03/10 职场文书
机关党员进社区活动总结
2014/07/05 职场文书
Golang 语言控制并发 Goroutine的方法
2021/06/30 Golang