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 框架使用教程 AJAX篇
Oct 11 Javascript
jQuery中odd选择器的定义和用法
Dec 23 Javascript
javascript实现倒计时并弹窗提示特效
Jun 05 Javascript
跟我学习javascript的undefined与null
Nov 17 Javascript
jquery实现手风琴效果
Nov 20 Javascript
阿里巴巴技术文章分享 Javascript继承机制的实现
Jan 14 Javascript
Angular 1.x个人使用的经验小结
Jul 19 Javascript
vue 实现类似淘宝星级评分的示例
Mar 01 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
Sep 29 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
Nov 10 Javascript
layui2.0使用table+laypage实现真分页
Jul 27 Javascript
Vue3项目打包后部署到服务器 请求不到后台接口解决方法
Feb 06 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 读取Postgresql中的数组
2013/04/14 PHP
Javascript操作select方法大全[新增、修改、删除、选中、清空、判断存在等]
2008/09/26 Javascript
jquery中html、val与text三者属性取值的联系与区别介绍
2013/12/29 Javascript
jquery中get和post的简单实例
2014/02/04 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
jquery实现点击页面计算点击次数
2015/01/23 Javascript
JS字符串的切分用法实例
2016/02/22 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
2017/06/21 Javascript
想用好React的你必须要知道的一些事情
2017/07/24 Javascript
js实现鼠标跟随运动效果
2020/08/02 Javascript
vue初始化动画加载的实例
2018/09/01 Javascript
vue移动端项目缓存问题实践记录
2018/10/29 Javascript
[01:51]2018年度CS GO最具人气外援-完美盛典
2018/12/16 DOTA
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
python win32 简单操作方法
2017/05/25 Python
python数据结构之链表详解
2017/09/12 Python
Python subprocess模块详细解读
2018/01/29 Python
python sqlite的Row对象操作示例
2019/09/11 Python
pytorch GAN生成对抗网络实例
2020/01/10 Python
python读取mysql数据绘制条形图
2020/03/25 Python
HTML5 Canvas实现360度全景图的示例代码
2018/01/29 HTML / CSS
欧铁通票官方在线销售网站:Eurail.com
2017/10/14 全球购物
芬兰灯具网上商店:Nettilamppu.fi
2018/06/30 全球购物
Ajax主要包含了哪些技术
2014/06/12 面试题
马智宇结婚主持词
2014/04/01 职场文书
水污染治理工程专业求职信
2014/06/14 职场文书
园林系毕业生求职信
2014/06/23 职场文书
工地门卫岗位职责范本
2014/07/01 职场文书
开展党的群众路线教育实践活动情况汇报
2014/11/05 职场文书
毕业设计指导教师评语
2014/12/30 职场文书
端午节寄语2015
2015/03/23 职场文书
Python 制作自动化翻译工具
2021/04/25 Python
go类型转换及与C的类型转换方式
2021/05/05 Golang
redis三种高可用方式部署的实现
2021/05/11 Redis
golang 语言中错误处理机制
2021/08/30 Golang
css中:last-child不生效的解决方法
2022/08/05 HTML / CSS