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 相关文章推荐
多广告投放代码 推荐
Nov 13 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
May 11 Javascript
jquery禁止回车触发表单提交
Dec 12 Javascript
全面了解js中的script标签
Jul 04 Javascript
jQuery组件easyui基本布局实现代码
Aug 25 Javascript
使用Ajax生成的Excel文件并下载的实例
Nov 21 Javascript
Javascript的this用法
Jan 16 Javascript
Vuex 快速入门(简单易懂)
Sep 20 Javascript
详解react-refetch的使用小例子
Feb 15 Javascript
小程序实现锚点滑动效果
Sep 23 Javascript
js原生map实现的方法总结
Jan 19 Javascript
Vue.js中v-bind指令的用法介绍
Mar 13 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+MYSQL 出现乱码的解决方法
2008/08/08 PHP
PHP中全面阻止SQL注入式攻击分析小结
2012/01/30 PHP
php实现网页缓存的工具类分享
2015/07/14 PHP
PHP Laravel中的Trait使用方法
2019/01/20 PHP
php web环境和命令行环境下查找php.ini的位置
2019/07/17 PHP
js验证表单第二部分
2006/11/25 Javascript
JavaScript入门教程(9) Document文档对象
2009/01/31 Javascript
让 JavaScript 轻松支持函数重载 (Part 2 - 实现)
2009/08/04 Javascript
JavaScript的public、private和privileged模式
2009/12/28 Javascript
javascript getElementsByTagName
2011/01/31 Javascript
js自动下载文件到本地的实现代码
2013/04/28 Javascript
js将当前时间格式转换成时间搓(自写)
2013/09/26 Javascript
Bootstrap时间选择器datetimepicker和daterangepicker使用实例解析
2016/09/17 Javascript
Angular.JS判断复选框checkbox是否选中并实时显示
2016/11/30 Javascript
Node.js dgram模块实现UDP通信示例代码
2017/09/26 Javascript
小程序跨页面交互的作用与方法详解
2020/01/07 Javascript
微信小程序云函数添加数据到数据库的方法
2020/03/04 Javascript
[01:02:48]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Liquid
2018/04/03 DOTA
wxPython学习之主框架实例
2014/09/28 Python
python3.5 + PyQt5 +Eric6 实现的一个计算器代码
2017/03/11 Python
python smtplib模块自动收发邮件功能(二)
2018/05/22 Python
python3 打印输出字典中特定的某个key的方法示例
2019/07/06 Python
Python 如何提高元组的可读性
2019/08/26 Python
python 用户交互输入input的4种用法详解
2019/09/24 Python
Python如何使用OS模块调用cmd
2020/02/27 Python
使用CSS3编写灰阶滤镜来制作黑白照片效果的方法
2016/05/09 HTML / CSS
TripAdvisor越南:全球领先的旅游网站
2017/09/21 全球购物
北美领先的智能产品购物网站:Wellbots
2018/06/11 全球购物
美国NBA官方商店:NBA Store
2019/04/12 全球购物
大二自我鉴定范文
2013/10/05 职场文书
迟到检讨书800字
2014/01/13 职场文书
元旦红领巾广播稿
2014/02/19 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书
MySQL COUNT函数的使用与优化
2021/05/10 MySQL
Debian11 Xfce终端光标的颜色怎么设置?
2022/08/14 数码科技