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的树控件实现代码(asp.net+json)
Jul 11 Javascript
按给定几率进行随机抽取的js代码
Dec 28 Javascript
根据json字符串生成Html的一种方式
Jan 09 Javascript
JavaScript中Math对象方法使用概述
Jan 02 Javascript
使用JS或jQuery模拟鼠标点击a标签事件代码
Mar 10 Javascript
jquery ztree实现下拉树形框使用到了json数据
May 14 Javascript
详谈jQuery中的this和$(this)
Nov 13 Javascript
喜大普奔!jQuery发布 3.0 最终版
Jun 12 Javascript
vue 系列——vue2-webpack2框架搭建踩坑之路
Dec 22 Javascript
详解Vue demo实现商品列表的展示
May 07 Javascript
实现vuex原理的示例
Oct 21 Javascript
js前端对于大量数据的展示方式及处理方法
Dec 02 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
Ajax PHP JavaScript MySQL实现简易无刷新在线聊天室
2016/08/17 PHP
ecshop适应在PHP7的修改方法解决报错的实现
2016/11/01 PHP
JS控制文本框textarea输入字数限制的方法
2013/06/17 Javascript
jQuery实现简单网页遮罩层/弹出层效果兼容IE6、IE7
2014/06/16 Javascript
js+csss实现的一个带复选框的下拉框
2014/09/29 Javascript
基于jQuery仿淘宝产品图片放大镜代码分享
2020/06/23 Javascript
解决wx.onMenuShareTimeline出现的问题
2016/08/16 Javascript
jQuery内存泄露解决办法
2016/12/13 Javascript
Vue.js之slot深度复制详解
2017/03/10 Javascript
JavaScript中this的用法及this在不同应用场景的作用解析
2017/04/13 Javascript
微信小程序教程系列之新建页面(4)
2017/04/17 Javascript
Angular.js中上传指令ng-upload的基本使用教程
2017/07/30 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
2018/05/30 Javascript
JS+canvas画布实现炫酷的旋转星空效果示例
2019/02/13 Javascript
layui中select,radio设置不生效的解决方法
2019/09/05 Javascript
JQuery 实现文件下载的常用方法分析
2019/10/29 jQuery
Vue指令实现OutClick的示例
2020/11/16 Javascript
[48:00]EG vs LGD 2018国际邀请赛淘汰赛BO3 第二场 8.26
2018/08/29 DOTA
python实现从ftp服务器下载文件的方法
2015/04/30 Python
Python使用爬虫猜密码
2016/02/19 Python
django模型层(model)进行建表、查询与删除的基础教程
2017/11/21 Python
Python 字符串与数字输出方法
2018/07/16 Python
Python 加密与解密小结
2018/12/06 Python
Python二维码生成识别实例详解
2019/07/16 Python
django自定义非主键自增字段类型详解(auto increment field)
2020/03/30 Python
Django配置跨域并开发测试接口
2020/11/04 Python
html5手机键盘弹出收起的处理
2020/01/20 HTML / CSS
Myprotein法国官网:欧洲第一运动营养品牌
2019/03/26 全球购物
2014端午节活动策划方案
2014/01/27 职场文书
安全环保演讲稿
2014/08/28 职场文书
乡镇干部个人对照检查材料(群众路线)
2014/09/26 职场文书
社保代办委托书怎么写
2014/10/06 职场文书
社区班子个人对照检查材料思想汇报
2014/10/07 职场文书
互联网创业商业模式以及赚钱法则有哪些?
2019/10/12 职场文书
Web前端:CSS最强总结 附详细代码
2021/03/31 HTML / CSS
Python还能这么玩之用Python做个小游戏的外挂
2021/06/04 Python