一、获取文件名称

var url = 'https://csdnimg.cn/release/phoenix/vendor/pagination/paging.css';
var filename = url.substring(url.lastIndexOf('/')+1);

lastIndexOf() :
可返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索,stringObject.lastIndexOf(searchvalue,fromindex)

substring()
用于提取字符串中介于两个指定下标之间的字符。
stringObject.substring(start,stop)

二、其他方法

在JavaScript中,可以使用以下方法从URL中获取文件名称:

  1. 使用URL对象的pathname属性:首先,创建一个URL对象,然后访问其pathname属性,最后使用split()方法将路径拆分为数组,取最后一个元素作为文件名称。
let url = new URL("http://example.com/path/to/file.txt");
let pathname = url.pathname;
let filename = pathname.split("/").pop();
console.log(filename); // file.txt
  1. 使用字符串的split()方法:使用字符串的split()方法将URL按照"/"拆分为数组,取最后一个元素作为文件名称。
let url = "http://example.com/path/to/file.txt";
let parts = url.split("/");
let filename = parts.pop();
console.log(filename); // file.txt
  1. 使用正则表达式:使用正则表达式从URL中匹配文件名称。
let url = "http://example.com/path/to/file.txt";
let filename = url.match(/\/([^\/?#]+)$/i)[1];
console.log(filename); // file.txt

以上都是常见的方法,具体选择哪种方法取决于你的需求和代码结构。在JavaScript中,可以使用以下方法从URL中获取文件名称:

  1. 使用URL对象的pathname属性:首先,创建一个URL对象,然后访问其pathname属性,最后使用split()方法将路径拆分为数组,取最后一个元素作为文件名称。
let url = new URL("http://example.com/path/to/file.txt");
let pathname = url.pathname;
let filename = pathname.split("/").pop();
console.log(filename); // file.txt
  1. 使用字符串的split()方法:使用字符串的split()方法将URL按照"/"拆分为数组,取最后一个元素作为文件名称。
let url = "http://example.com/path/to/file.txt";
let parts = url.split("/");
let filename = parts.pop();
console.log(filename); // file.txt
  1. 使用正则表达式:使用正则表达式从URL中匹配文件名称。
let url = "http://example.com/path/to/file.txt";
let filename = url.match(/\/([^\/?#]+)$/i)[1];
console.log(filename); // file.txt

以上都是常见的方法,具体选择哪种方法取决于你的需求和代码结构。

三、后记

JavaScript是一种广泛使用的编程语言,主要用于网页开发。

JavaScript的基本概念:

  • 变量和数据类型:在JavaScript中,你可以使用变量来存储各种数据,如数字、字符串、布尔值、对象、数组等。JavaScript是一种弱类型语言,这意味着变量的类型可以在运行时改变。
  • 函数:函数是一段可重复使用的代码块,可以接受参数并返回一个值。在JavaScript中,函数可以作为一等公民,可以作为参数传递给其他函数,也可以作为变量存储。
  • 对象:对象是包含属性和方法的集合。属性是变量,方法则是函数。在JavaScript中,对象是使用花括号{}来创建的。
  • 事件:事件是用户与网页交互时发生的事情,如点击、鼠标移动、键盘输入等。JavaScript允许你定义事件处理程序,以便在事件发生时执行特定的代码。
  • DOM(文档对象模型):DOM是HTML和XML文档的编程接口,它提供了一种方式来访问和操作文档的结构。在JavaScript中,你可以使用DOM来动态地修改网页内容、结构和样式。
  • 异步编程:JavaScript是单线程的,这意味着它一次只能执行一个任务。为了提高性能并允许用户与网页交互,JavaScript使用异步编程模型,如回调函数、Promises和async/await。
  • 模块和模块化:在现代JavaScript开发中,模块是一种组织代码的方式。通过模块化,你可以将代码分解为独立的文件,每个文件都有一个特定的功能或任务。

JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。
JavaScript 是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript 是 web 开发人员必须学习的 3 门语言中的一门:HTML 定义了网页的内容,CSS 描述了网页的布局,JavaScript 控制了网页的行为。

四、热门文章

【温故而知新】JavaScript数字精度丢失问题
【温故而知新】JavaScript的继承方式有那些
【温故而知新】JavaScript中内存泄露有那几种
【温故而知新】JavaScript函数式编程
【温故而知新】JavaScript的防抖与节流
【温故而知新】JavaScript事件循环

Logo

开放原子开发者工作坊旨在鼓励更多人参与开源活动,与志同道合的开发者们相互交流开发经验、分享开发心得、获取前沿技术趋势。工作坊有多种形式的开发者活动,如meetup、训练营等,主打技术交流,干货满满,真诚地邀请各位开发者共同参与!

更多推荐