首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

在Javascript中获取网址的最后一部分

在Javascript中,可以使用window.location.href属性来获取当前网址的最后一部分。以下是一个示例代码:

代码语言:javascript
复制
var lastPart = window.location.href.split('/').pop();
console.log(lastPart);

上述代码中,split('/')方法将当前网址按“/”分割,并返回一个数组。然后使用pop()方法从数组中移除最后一个元素,并将其赋值给lastPart变量。最后,console.log()语句将最后一部分输出到控制台。

需要注意的是,如果当前网址的最后一部分包含“/”,则上述代码将无法正常工作。例如,如果当前网址为“https://example.com/path/to/file”,则最后一部分为“file”。在这种情况下,上述代码将返回“file”。

如果需要获取当前网址的最后一部分,并且需要忽略“/”字符,则可以使用以下代码:

代码语言:javascript
复制
var lastPart = window.location.href.split('/').pop().replace('/', '');
console.log(lastPart);

上述代码中,split('/')方法将当前网址按“/”分割,并返回一个数组。然后使用pop()方法从数组中移除最后一个元素,并将其赋值给lastPart变量。接下来,replace('/')方法将最后一个元素(即“/”)替换为空字符串,从而得到最后一部分。最后,console.log()语句将最后一部分输出到控制台。

需要注意的是,如果当前网址的最后一部分包含“%”、“?”或“=”等特殊字符,则上述代码可能会无法正常工作。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

JS 获取当前月最后一天遇到

为了更好讲这节内容,提示一个 JS 处理日期小技巧,想获取上个月最后一天,只需要设置SetDate参数为0即可。...var endDate = new Date(); //上个月最后一天 endDate.setDate(0); 接着正文开始: 使用 JS 获取当前月最后一天,咱们通常思路先获取下个月第一天,然后减去一天...,就是当前月最后一天,所以自然会用到下面的代码: var date= new Date(); date.setMonth(date.getMonth() + 1); //日期设置为0号, 0表示1号前一天...:00 咱们可以看到,我们把 1月31号往后拨一个月往前减一天,理应得到是 1月31号,实际得到是 2月28号,所以咱们写代码是有bug。...中会理解成: 当前日期 + 当月天数 所以上例 date.setMonth(date.getMonth() + 1) 等价于 1月31号 + 31天 ,根据上面的列表,就可以看到结果是3月3号

3.8K30
  • MYSQL获取最后一条记录语句

    方法1:select max(id) from tablename 方法2:select last_insert_id(); MySQL,使用auto_increment类型id字段作为表主键,...并用它作为其他表外键,形成“主从表结构”,这是数据库设计 常见用法。...但是具体生成id时候,我们操作顺序一般是:先在主表插入记录,然后获得自动生成id,以它为基础插入从表记录。这里面有个困 难,就是插入主表记录后,如何获得它对应id。...下面通过实验说明:   1、连接1向A表插入一条记录,A表包含一个auto_increment类型字段。   2、连接2向A表再插入一条记录。   ...3、结果:连接1执行select LAST_INSERT_ID()得到结果和连接2执行select LAST_INSERT_ID()结果是不同;而在两个连接执行select max(id)

    4K30

    JavaScript 获取鼠标及元素页面上位置

    HTML5学堂:JavaScript获取鼠标的位置,大家会想到clientX/Y等属性,灵活获取鼠标的位置信息,能够便于我们实现各种复杂页面交互效果,到底还有哪些属性可以获取鼠标的位置信息?...另外,还有哪些能快速获取标签在页面位置信息? 书写一些“拖拽”页面交互效果,比如常见拖拽效果、自定滚动条、放大镜等效果,都需要用到了鼠标或元素页面上位置信息。...另外,也要跟大家分享一个方法,它能快速获取元素页面上位置信息,不同于之前学过offsetLeft等属性,它就是——getBoundingClientRect()方法 回顾clientX/Y获取鼠标位置方式...今天要给大家分享是另外一种快速获取元素页面上位置,赶紧尝试书写一下下面的实例 代码实例: <!...下获取值为2,非IE获取值为0; // 这样保证各个浏览器效果都是一致 // 分别减去多出来2px return

    3.4K60

    《Black Holes》|VR,霍金献上了最后遗产

    那么,我们该如何纪念这位物理学界伟人?又该如何去理解他76年宇宙旅程?也许,VR会是一个不错选择。...霍金最后遗产: 与其本人合作VR体验 近期,总部位于英国大西洋制作公司宣布,其正在制作一项与斯蒂芬·霍金相关VR体验《Black Holes Immersive Experience》。...该VR体验,记录下了霍金叙述和生平。据悉,《Black Holes Immersive Experience》,体验者可以与霍金一起,探索宇宙和科学。...比如,《星际迷航》与“牛顿”、“爱因斯坦”打牌;《生活大爆炸》调侃谢尔顿;为知名《辛普森一家》配音…… 而这一次,很显然,霍金打算尝试VR。...太空之音《Spheres》: 宇宙寻找诗歌与交响乐 读到这儿是不是感到有些不过瘾,毕竟已经走入了霍金宇宙,不看看太空似乎有点说不过去。

    43920

    Excel公式:获取句子位于最后3个典型公式

    如下图1所示,将列A句子最后一个单词提取到列B。(这里最后一个单词用数字代替) 图1 解决公式貌似复杂,实则不难。...单元格B1输入数组公式: =MID(A1,MAX((--(MID(A1,ROW(INDIRECT("1:" & LEN(A1))),1)=" "))*ROW(INDIRECT("1:" & LEN(...即为最后一个分隔单词空格句子位置。...这里50是任意给出一个认为最后一个单词最长长度,你可以修改,只要不小于最后一个单词长度即可。 这不是最简单方法。...本文配套示例工作簿已放置知识星球App完美Excel社群,有兴趣朋友可以前往下载。 欢迎在下面留言,完善本文内容,让更多的人学到更完美的知识。

    94240

    Linkerd 获取应用黄金指标

    本章,我们将详细了解这些指标,并使用 Emojivoto 示例应用程序了解它们含义。...相反,Linkerd 价值在于它可以整个应用程序以统一方式提供这些指标,并且不需要更改应用程序代码。...emoji:提供表情列表 API 服务 voting:提供为表情投票 API 服务 我们已经将该应用引入到网格来了,能够 Linkerd 仪表板查看 Emojivoto 应用指标了,当我们打开...最后我们再来看看 Linkerd 提供 TCP 级别的指标, emojivoto 命名空间页面底部,会显示 TCP 连接数以及每个 Pod 读取和写入字节数。...仪表板,我们可以看到 voting 服务成功率低于 100%,让我们使用 tap 功能来查看对服务请求,来尝试弄清楚发生了什么。

    2.4K10

    Spring代码获取Bean方式

    方法一:初始化时保存ApplicationContext对象 方法二:通过Spring提供utils类获取ApplicationContext对象 方法三:继承自抽象类ApplicationObjectSupport...获取springbean方式总结: 方法一:初始化时保存ApplicationContext对象 ApplicationContext ac = new FileSystemXmlApplicationContext...然后通过它获取须要类实例。上面两个工具方式差别是,前者获取失败时抛出异常。后者返回null。...spring ApplicationContext对象,可是使用是一定要注意实现了这些类或接口普通java类一定要在Spring 配置文件applicationContext.xml文件里进行配置...();wac.getBean(beanID); 最后提供一种不依赖于servlet,不须要注入方式。

    2.1K10

    JavaScript数据结构(链表)

    然而,链表缺点是访问链表特定元素时间复杂度较高,需要从头开始遍历链表直到找到目标节点。 ---- 详细看一下列表 JavaScript,可以使用对象来实现链表。...; }; 查看链表头元素 需要在类实现外部循环访问列表,就需要提供一种获取第一个元素方法。...'n' : '');//用current来检查元素是否存在 //如果列表为空,或是到达列表中最后一个元素下一位(null),while循环中代码就不会执行 //得到了元素内容,将其拼接到字符串...insert(position, element):向列表特定位置插入一个新项。 remove(element):从列表移除一项。 indexOf(element):返回元素列表索引。...toString():由于列表项使用了Node类,就需要重写继承自JavaScript对象默认toString方法,让其只输出元素值。

    17210

    setImmediate() vs setTimeout() JavaScript 区别

    setImmediate() vs setTimeout() JavaScript 区别 JavaScript ,setImmediate() 和 setTimeout() 都用于调度任务...JavaScript 异步特性 JavaScript 以其非阻塞、异步行为而闻名,尤其是 Node.js 环境。...到最后,你将更清楚地了解何时使用 setTimeout() 或 setImmediate(),以满足你所需时间行为。...Node.js 异步特性核心是事件循环。 Node.js ,事件循环处理不同阶段,每个阶段负责执行某些类型回调。它帮助管理非阻塞任务,确保函数可以异步执行。在这些阶段,有不同队列。...理解这些差异有助于你精确控制代码运行时间,这在高性能应用程序至关重要,因为时间和效率非常重要。 参考 setImmediate() vs setTimeout() in JavaScript

    8910

    JavaScript数据结构(队列)

    队列(Queue)是一种具有先进先出(FIFO, First-In-First-Out)特性数据结构,它可以用于计算机程序管理和存储元素。...JavaScript,可以使用数组(Array)或链表(Linked List)等数据结构来实现队列。 其实可以用窗口排队打饭为案例,先来先排队打饭。...队列,新元素被添加到队列末尾,并等待其他已存在元素被处理后才能被移除。当删除元素时,总是从队首开始移除元素。...因此可以对它们使用默认出列操作: ---- 总结 JavaScript,队列(Queue)是一种具有先进先出(FIFO, First-In-First-Out)特性数据结构,它可以用于计算机程序管理和存储元素...队列主要有两个基本操作: 入队(enqueue)和出队(dequeue),JavaScript可以使用数组(Array)或链表(Linked List)等数据结构来实现队列。

    25230

    适配器JavaScript体现

    适配器JavaScript体现 适配器设计模式JavaScript中非常有用,处理跨浏览器兼容问题、整合多个第三方SDK调用,都可以看到它身影。...而适配器其实在JavaScript应该是比较常见一种了。 维基百科,关于适配器模式定义为: 软件工程,适配器模式是一种软件设计模式,允许从另一个接口使用现有类接口。...代码体现 而转向到编程,我个人是这样理解: 将那些你不愿意看见脏代码藏起来,你就可以说这是一个适配器 接入多个第三方SDK 举个日常开发例子,我们在做一个微信公众号开发,里边用到了微信支付模块...我们来告诉调用方,你要怎么怎么做,你能怎样获取返回数据,然后我们函数内部进行这些各种肮脏判断: function pay ({ price, goodsId }) { return new...,官方已经实现了类似这样工具函数:util.promisify 小结 个人观点:所有的设计模式都不是凭空想象出来,肯定是开发过程,总结提炼出一些高效方法,这也就意味着,可能你并不需要在刚开始时候就去生啃这些各种命名高大上设计模式

    1.4K10

    JavaScript数据结构(队列)

    队列(Queue)是一种具有先进先出(FIFO, First-In-First-Out)特性数据结构,它可以用于计算机程序管理和存储元素。...JavaScript,可以使用数组(Array)或链表(Linked List)等数据结构来实现队列。其实可以用窗口排队打饭为案例,先来先排队打饭。...队列,新元素被添加到队列末尾,并等待其他已存在元素被处理后才能被移除。当删除元素时,总是从队首开始移除元素。...因此可以对它们使用默认出列操作:图片总结在JavaScript,队列(Queue)是一种具有先进先出(FIFO, First-In-First-Out)特性数据结构,它可以用于计算机程序管理和存储元素...队列主要有两个基本操作: 入队(enqueue)和出队(dequeue),JavaScript可以使用数组(Array)或链表(Linked List)等数据结构来实现队列。

    26320

    javascript对于this指向再次理解

    (this.length) } fn();   函数调用是最外层发生,那么由于全局对象this存在,那么函数体内this指向就是window对象。...浏览器环境下,全局变量和window对象属性是等价,所以定义了length全局变量就相当于向window对象添加了一个length属性。...function函数体内有一个很神奇对象arguments这个对象是由调用该函数时所传实参决定,而不是由定义函数时由形参决定。...这一点也是javascript语言广为诟病一点,无法依据定义函数形参个数来实现方法重载,只能靠argumengslength属性来实现。...所以在上面例子,fn 和 3这两个变量都挂载arguments对象下面,还由于arguments是一个类数组对象所以它有length属性,也可以像使用数组一样来使用arguemnts。

    1.3K20

    JavaScript数据结构(链表)

    然而,大多数语言中这种数据结构有一个缺点:数组大小是固定,从数组起点或中间插入或移除项成本很高,因为需要移动元素。链表存储有序元素集合,但不同于数组,链表元素在内存并不是连续放置。...然而,链表缺点是访问链表特定元素时间复杂度较高,需要从头开始遍历链表直到找到目标节点。---详细看一下列表JavaScript,可以使用对象来实现链表。...}; 查看链表头元素需要在类实现外部循环访问列表,就需要提供一种获取第一个元素方法。...'n' : '');//用current来检查元素是否存在 //如果列表为空,或是到达列表中最后一个元素下一位(null),while循环中代码就不会执行 //得到了元素内容,将其拼接到字符串...remove(element):从列表移除一项。indexOf(element):返回元素列表索引。如果列表没有该元素则返回-1。

    43720

    JavaScript | 获取数组单词并统计出现次数

    HTML5学堂(码匠):如何通过JavaScrip实现数组元素查找?一个数组当中,找到所有的单词,并统计每个单词出现次数。...功能需求 一个自定义数组当中,包含多个单词,请使用JavaScipt获取数组每个单词,并统计出每个单词出现次数。...功能分析与实现思路 可以借助对象特性,使用对象属性表示数组具体单词,使用对象属性属性值表示相应单词出现次数。 完整代码实现 ? 代码输出结果 ?...很适用于不确定对象中有什么属性时候使用。基本语法为: for(变量 in 对象){ 语句 } 其中随着循环进行,变量表示对象各个属性,而“对象[变量]”则表示对象属性对应属性值。...通过for循环,检测数组每个值是否obj存在,如果不存在,则设置这个属性,并将属性值赋值为1,如果当前obj已存在相应单词,则令属性值+1。 3.

    5.1K70
    领券