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 相关文章推荐
JavaScript高级程序设计阅读笔记(六) ECMAScript中的运算符(二)
Feb 27 Javascript
JS如何判断移动端访问设备并解析对应CSS
Nov 27 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
Feb 13 Javascript
jQuery实现在下拉列表选择时获取json数据的方法
Apr 16 Javascript
在JavaScript中正确引用bind方法的应用
May 11 Javascript
Javascript基础知识盲点总结之函数
May 15 Javascript
基于js 本地存储(详解)
Aug 16 Javascript
安装vue-cli报错 -4058 的解决方法
Oct 19 Javascript
React native ListView 增加顶部下拉刷新和底下点击刷新示例
Apr 27 Javascript
vue如何将v-for中的表格导出来
May 07 Javascript
vue.js 打包时出现空白页和路径错误问题及解决方法
Jun 26 Javascript
深入解读VUE中的异步渲染的实现
Jun 19 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简单对象与数组的转换函数代码(php多层数组和对象的转换)
2011/05/18 PHP
Php-Redis安装测试笔记
2015/03/05 PHP
PHP文件管理之实现网盘及压缩包的功能操作
2017/09/20 PHP
CentOS7系统搭建LAMP及更新PHP版本操作详解
2020/03/26 PHP
使用SyntaxHighlighter实现HTML高亮显示代码的方法
2010/02/04 Javascript
js添加table的行和列 具体实现方法
2013/07/22 Javascript
JavaScript类属性的访问方式详解
2014/02/11 Javascript
Jquery焦点图实例代码
2014/11/25 Javascript
jquery实现简单的轮换出现效果实例
2015/07/23 Javascript
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
javascript图片滑动效果实现
2021/01/28 Javascript
Jquery 全选反选实例代码
2015/11/19 Javascript
基于JavaScript实现高德地图和百度地图提取行政区边界经纬度坐标
2016/01/22 Javascript
一个仿微博登陆邮箱提示框js开发案例
2016/07/28 Javascript
angular 动态组件类型详解(四种组件类型)
2017/02/22 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
解决微信二次分享不显示摘要和图片的问题
2017/08/18 Javascript
jQuery动态添加.active 实现导航效果代码思路详解
2017/08/29 jQuery
详解Vue.js使用Swiper.js在iOS
2018/09/10 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
2019/05/10 jQuery
JavaScript运行机制实例分析
2020/04/11 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
2020/06/05 Javascript
在vue中实现禁止屏幕滚动,禁止屏幕滑动
2020/07/22 Javascript
[15:41]教你分分钟做大人——灰烬之灵
2015/03/11 DOTA
python进程类subprocess的一些操作方法例子
2014/11/22 Python
centos6.7安装python2.7.11的具体方法
2017/01/16 Python
python读写json文件的简单实现
2017/04/11 Python
Mac中升级Python2.7到Python3.5步骤详解
2017/04/27 Python
python实现对指定输入的字符串逆序输出的6种方法
2018/04/26 Python
Python中一些深不见底的“坑”
2019/06/12 Python
python中@property和property函数常见使用方法示例
2019/10/21 Python
英国男士时尚网站:Dandy Fellow
2018/02/09 全球购物
房地产营销活动策划方案
2014/09/15 职场文书
安全教育主题班会教案
2015/08/12 职场文书
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫
GoFrame基于性能测试得知grpool使用场景
2022/06/21 Golang