获取URL地址中的文件名和参数的javascript代码

yizhihongxing

获取URL地址中的文件名和参数是前端开发中常见的需求,通过Javascript代码可以轻松实现此操作。下面是一份完整的攻略。

步骤一:获取URL地址

首先需要获取当前页面的URL地址,可以使用Javascript中window对象的location属性来实现,代码如下:

var currentUrl = window.location.href;

此处的currentUrl即为当前页面的完整URL地址。

步骤二:提取文件名

获取文件名的方法有多种,下面将介绍两种示例。

示例一:使用substring()和lastIndexOf()

可以使用String对象的substring()方法和lastIndexOf()方法来提取文件名,代码如下:

var currentUrl = window.location.href;
var fileName = currentUrl.substring(currentUrl.lastIndexOf('/')+1);

此处的fileName即为当前URL地址中的文件名。

示例二:使用正则表达式

还可以使用正则表达式来提取文件名,代码如下:

var currentUrl = window.location.href;
var fileName = currentUrl.match(/[^\/]*$/)[0];

此处的fileName即为当前URL地址中的文件名。

步骤三:提取参数

获取URL中的参数也有多种方法,下面将介绍两种示例。

示例一:使用substring()和indexOf()

可以使用String对象的substring()方法和indexOf()方法来提取参数,代码如下:

var currentUrl = window.location.href;
var parameters = currentUrl.substring(currentUrl.indexOf('?')+1);

此处的parameters即为当前URL地址中的所有参数。

示例二:使用正则表达式

还可以使用正则表达式来提取参数,代码如下:

var currentUrl = window.location.href;
var parameters = currentUrl.match(/\?.*/)[0];

此处的parameters即为当前URL地址中的所有参数。

综合展示

将以上两条操作综合起来,可以得到完整的Javascript代码,代码如下:

var currentUrl = window.location.href;
var fileName = currentUrl.substring(currentUrl.lastIndexOf('/')+1);
var parameters = currentUrl.match(/\?.*/)[0];

此处的fileName即为当前URL地址中的文件名,parameters即为当前URL地址中的所有参数。

以上是完整的获取URL地址中文件名和参数的Javascript代码攻略,希望对您有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:获取URL地址中的文件名和参数的javascript代码 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • JavaScript数组操作总结

    JavaScript数组操作总结 什么是JavaScript数组 JavaScript数组是一种可以存储一组有序数据的容器,它可以存储任何类型的数据并可以通过索引来访问。在JavaScript中创建一个数组非常简单,只需要使用方括号[]将数据项封装起来,每个数据项之间使用逗号分隔。 let arr = [1, ‘hello’, true, 3.14]; 数组…

    JavaScript 2023年5月17日
    00
  • 微信小程序实现animation动画

    以下是“微信小程序实现animation动画”的完整攻略: 1. 先了解animation动画 在微信小程序中,我们可以使用wx.createAnimation()方法来创建一个动画对象。这个方法返回的是Animation对象,我们可以使用这个对象来定义一系列动画帧,最后开始执行这些帧达到动画效果。 2. 创建Animation对象 要创建Animation…

    JavaScript 2023年6月10日
    00
  • Js生成随机数/随机字符串的方法小结【5种方法】

    下面是对“Js生成随机数/随机字符串的方法小结【5种方法】”的完整攻略。 标题 Js生成随机数/随机字符串的方法小结【5种方法】 概述 在编写 JavaScript 代码时,随机数和随机字符串的生成是非常常见的需求。本文将介绍总共 5 种方法来生成随机数和随机字符串。 生成随机整数 Math.random() 方法 Math.random() 是 JavaS…

    JavaScript 2023年5月28日
    00
  • javascript对HTML字符转义与反转义

    下面是关于JavaScript对HTML字符转义与反转义的完整攻略。 什么是HTML字符转义与反转义? HTML字符转义指的是将HTML代码中的特殊字符转换成它们对应的实体编码,这是为了避免这些字符被解析成HTML代码而产生错误。例如,把小于号 < 转换成 &lt;。 HTML字符反转义指的是将实体编码转换回原始的字符,以便正确地显示内容。 J…

    JavaScript 2023年5月20日
    00
  • JQuery 获取json数据$.getJSON方法的实例代码

    获取JSON数据是Web开发中常见的操作之一,JQuery库提供了方便的$.getJSON方法来获取JSON数据。下面将为您介绍如何使用$.getJSON方法来获取JSON数据。 引入JQuery库 在使用$.getJSON方法之前,需要先将JQuery库引入到你的HTML文档中。可以通过使用CDN或下载JQuery库本地引入。 <!– 使用CDN引…

    JavaScript 2023年5月27日
    00
  • typeScript入门基础介绍

    TypeScript入门基础介绍 TypeScript 是一种由 Microsoft 开发的编程语言,它是 JavaScript 的一个超集。它扩展了 JavaScript 的语法,添加了强类型定义和面向对象编程的特性,并提供了更好的开发环境支持。 环境搭建 在使用 TypeScript 之前,我们需要先搭建环境。以下为搭建环境的步骤: 安装 Node.js…

    JavaScript 2023年6月10日
    00
  • 从0到1学习JavaScript编写贪吃蛇游戏

    从0到1学习JavaScript编写贪吃蛇游戏 前置知识 在学习JavaScript编写贪吃蛇游戏之前,需要掌握以下的前置知识: HTML基础知识:能够使用HTML标签、属性和样式来构建关于游戏的页面结构。 CSS基础知识:掌握CSS盒子模型、选择器、常用的属性和样式,为游戏页面及其组件进行美化布局。 JavaScript基础知识:掌握JavaScript的…

    JavaScript 2023年6月10日
    00
  • 由 element.appendChild(newNode) ,谈开去

    当我们使用 JavaScript 编程时,经常需要修改 HTML 元素的结构,其中一个常用的方法就是将一个新的节点添加到现有节点的子节点列表中。这个操作可以通过 appendChild() 方法来完成。 1. element.appendChild(newNode) 的使用方法 1.1 参数 newNode:要添加的新节点。可以是一个元素节点、文本节点、注释…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部