开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何在正文链接中将当前路径结尾追加到href

在HTML中，可以使用JavaScript来获取当前路径并将其追加到href属性中。以下是一种实现方法：

首先，在HTML文档中的<head>标签内添加一个<script>标签，用于编写JavaScript代码：

<head>
  <script>
    // 获取当前路径并将其追加到href
    function appendCurrentPath() {
      // 获取当前路径
      var currentPath = window.location.pathname;
      
      // 获取所有的链接元素
      var links = document.getElementsByTagName('a');
      
      // 遍历每个链接元素
      for (var i = 0; i < links.length; i++) {
        var link = links[i];
        
        // 获取原始的href属性值
        var originalHref = link.getAttribute('href');
        
        // 将当前路径追加到原始的href属性值后面
        var newHref = originalHref + currentPath;
        
        // 更新链接的href属性值
        link.setAttribute('href', newHref);
      }
    }
  </script>
</head>

在需要追加当前路径的链接元素中，调用上述JavaScript函数：

<body onload="appendCurrentPath()">
  <a href="/example">Example Link</a>
</body>

在上述示例中，通过调用appendCurrentPath()函数，可以将当前路径追加到所有具有href属性的链接元素中。例如，如果当前路径为/path/to/page.html，那么上述示例中的链接将被更新为/example/path/to/page.html。

请注意，这只是一种实现方法，具体的实现方式可能因应用场景和需求而有所不同。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Linux中最基本常见命令总结

linux中有哪些常见的基本命令呢，本文带你总结一下最最最常见的命令，一定要熟记于心哟！

03

爬虫篇 | Python现学现用xpath爬取豆瓣音乐

最近整理一个爬虫系列方面的文章，不管大家的基础如何，我从头开始整一个爬虫系列方面的文章，让大家循序渐进的学习爬虫，小白也没有学习障碍.

04

Python爬虫：现学现用xpath爬取豆瓣音乐

爬虫的抓取方式有好几种，正则表达式，Lxml(xpath)与BeautifulSoup,我在网上查了一下资料，了解到三者之间的使用难度与性能

04

glob - 被忽略的python超强文件批量处理模块

今天我将介绍Python自带的一个文件操作模块-glob模块。涉及的内容主要如下：

02

数据处理技巧 | glob - 被忽略的超强文件批量处理模块

本篇推文开始，我将介绍一些常用的Python数据处理小技巧，帮助大家更好的处理数据，提高工作效率。今天我将介绍Python自带的一个模块-glob模块。涉及的内容主要如下：

03

测试人员需要掌握的Linux命令

测试人员需要掌握的Linux命令目录 1、基础命令 2、目录操作 3、文件权限操作 4、文件操作 5、链接 6、vim编辑器 7、文件查找（find） 8、文件内容查找（grep） 9、其他命令 1、基础命令 pwd：查看当前位置，当前所在路径 /：表示根目录，为绝对路径 ~: 表示当前登录用户的家目录 ./：表示当前目录，为相对路径 ../：表示上一级目录，为相对路径 cd：用于切换当前工作目录 ls：显示指定目录下的所有内容（1）-a: 显示所有文件（2）-l：详细列出所有文

01

创建servlet的4个步骤_映射不能一对多还是多对一

一，Servlet接口实现类：sun公司为Servlet接口定义了两个默认的实现类，分别为：GenericServlet和HttpServlet。 HttpServlet：指能够处理HTTP请求的servlet，它在原有的Servlet接口上添加了一与HTTP协议处理的方法，它比Servlet接口的功能更为强大。因此开发人员在编写Servlet时，通常应继承这个类，而避免直接去实现Servlet接口。 HttpServlet在实现Servlet接口时，覆写了service方法，该方法体内的代码会自动判断用户的请求方式，如果为GET请求，则调用HttpServlet的doGet方法，如果为POST请求，则调用doPost方法。因此开发人员在编写Servlet时，通常只需要覆写doGet方法或者doPost方法，而不要去覆写service方法。

01

【Python Learning第一篇】Linux命令学习及Vim命令的使用

学了两天，终于把基本命令学完了，掌握以后可以当半个程序员了♪(^∇^*) 此文是一篇备忘录或者查询笔记，如果哪位大佬看上了并且非常嫌弃的话，还请大佬不吝赐教，多多包涵以下是我上课做的一些笔记，非常的凌乱，(⊙﹏⊙)反正是留给自己看的 Day1学习：以Ubuntu为例子 Ctrl + Shift +‘+’ 变大 Ctrl + ‘-’变小 ls 能显示当前路径下的所有文件名及文件夹名的命令 Ubuntu没有盘符的概念，只有一个根目录 bin 放的是程序相关的 boot 和Ubuntu的启动项相关，开机项相关

linux的重定向、管道与环境变量PATH

使用 which 查询 ls 命令，发现是一个 64为可执行程序，可以动态链接。

05

Linux系统学习资料（清晰整合版）

在Linux系统中，我们一般通过命令行指令来执行各种任务。无论是个人PC版Linux系统，还是远程服务器，我们一般通过图形界面X Window软件与计算机进行交互。个人PC版Linux系统自带图形界面，可以打开终端（terminal）输入指令；对于远程服务器，我们则需要模拟终端软件的帮助，最常用的为Xshell，其界面如下所示：

04

Java classpath调用规则

1、当没有设置classpath的时候，虚拟机直接在当前路径下载加载classpath。

04

掌握了它，操作文件 so easy

阅读本文需要2.5分钟 Python文件操作文件操作主要讲解以下内容: 1.文件本身的操作(python内置) 2.系统中文件和文件夹的操作（os和shutil模块当中） 3.系统路径相关操作(os模块中的子模块 os.path) 文件的基本操作: open（）打开或者创建一个文件格式：open('文件路径','打开模式') 返回值：文件io对象打开模式一共N种： w模式写模式write 文件不存在时会创建文件，如果文件已存在则会清空文件

01

手把手写一个Vue-router，无惧面试官的vueRoute题目

在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。

02

绘图-Core Graphics

CGContext又叫图形上下文，相当于一块画布，以堆栈形式存放，只有在当前context上绘图才有效。iOS有分多种图形上下文，其中UIView自带提供的在drawRect:方法中通过UIGraphicsGetCurrentContext获取，还有专门为图片处理的context，UIGraphicsBeginImageContext函数生成，还有pdf的context等等。

03

手写Vue-router核心原理，再也不怕面试官问我Vue-router原理

在 Web 前端单页应用 SPA(Single Page Application)中，路由描述的是 URL 与 UI 之间的映射关系，这种映射是单向的，即 URL 变化引起 UI 更新（无需刷新页面）。

05

【Linux环境下】绝对要掌握的创建/查看指令

mkdir mkdir [-p] A/B/C 递归创建（带父目录） mkdir A 在当前路径下创建的A文件夹 tree:以目录树的方式显示文件夹结构 cat -查看文件的内容 -合并多个文件需要和重定向配合 find:按条件查找文件 -find [目录][条件1][-a|-o][条件2]... -常用条件表示： -type 类型（f、d、b、c） -name “文档名” -size +|-文件大小（k、M、G） -mtime +|-修改天数 -user 用户名 -group 组名 gre

08

3个Python列表增加数据函数的使用步骤和代码实例

列表增加数据无非就是把数据增加到已有的列表序列当中来，首先我们要知道一个点，什么时候需要我们去增加数据？比如我们注册一个账号，判断用户是否能注册这个账号，不能注册就提示用户，如果可以注册那么用户注册后我们就要把这个新注册的账号添加到已有的列表中来，这个时候用到的就是列表增加操作。

04

python 文件操作复习一

当前路径： /Users/zhouhaijun/PycharmProjects/Test/PythonTest/dome01 判断是否是一个文件： False 是否是一个目录： True Monday.py init.py contect_list.txt excp01.py one_01.py phone.dat test.kpl tmp1.dat tmp2.dat 0 判断是否是绝对路径： False 检验给出的路径是否真地存: True 返回一个路径的目录名和文件名 ('/Users', 'zhouhaijun') 分离文件名与扩展名 ('tmp1', '.dat') 找出某个目录下所有的文件，并在每个文件中写入“osTest” dd /Users/zhouhaijun/Desktop/hhhhh/osTest /Users/zhouhaijun/Desktop/hhhhh/osTest/dd liwen.dat /Users/zhouhaijun/Desktop/hhhhh/osTest /Users/zhouhaijun/Desktop/hhhhh/osTest/liwen.dat ok! 如果某个目录下文件名包含dat后缀名，则把文件后面追加写一行“被我找到了！ dd 修改内容：获取当前路径获取当前目录： /Users/zhouhaijun/Desktop/hhhhh/osTest seek函数：内容是： good! liwen

02

Go 问答汇总三

问题大部分是来自于知乎和 segmentfault。本月有一个问题来自 stackoverflow，我的英文水平一般，读与翻译还行，但写起来还需要锻炼。虽然这一个回答没得到一个赞同，但能被题主采纳，我还是很荣幸的。

02

NodeJS学习三（静态文件托管）

1.路由方式引入 //应用程序的启动入口文件 var express = require('express'); //加载express模块 var swig = require('swig'); //加载模板处理模块 var app = express(); //创建app应用,相当于nodeJS的http.createService() //配置模板引擎 app.engine('html',swig.renderFile); //定义当前模板引擎，第一个参数：模板引擎名称，也是模板文件后缀；第二个参

03

【Linux】linux工具和命令

一、Linux安装软件： 1.源代码安装 2.rpm安装 --Linux安装包 3.yum安装 --解决安装源，安装版本，安装依赖 4.什么是软件包在Linux下安装软件, 一个通常的办法是下载到程序的源代码, 并进行编译, 得到可执行程序. 但是这样太麻烦了, 于是有些人把一些常用的软件提前编译好, 做成软件包(可以理解成windows上的安装程序)放在一个服务器上, 通过包管理器可以很方便的获取到这个编译好的软件包, 直接进行安装. 软件包和软件包管理器, 就好比 “App” 和 “应用商店” 这样的关系. yum(Yellow dog Updater, Modifified)是Linux下非常常用的一种包管理器. 主要应用在Fedora, RedHat, Centos等发行版上.

02

Linux之环境变量

问题来了，为什么系统命令也是程序，但是执行它们时我们不需要带上路径，而我们自己的程序需要带上路径（例如：执行当前目录下的可执行文件test，需要用./test，'.'是当前路径的意思，因此是执行当前路径的文件test）。

01

熟练使用 Mac OS 命令行，提高程序员生产力，只需掌握这6组命令和技巧

熟练使用命令行是一种常常被忽视的技能。但实际上，熟练使用命令行是一个程序员的必备技能。以前端程序员为例，启动项目，停止项目，构建项目都需要命令行。同时，熟练掌握命令行还能提高程序员的生产力。做有些事，用命令行比用图形工具快。如：在/GitHub/note 下创建文件夹 test，用命令行只需要输入 cd /GitHub/note && mkdir test，用图像界面需要点击两次鼠标到 /GitHub/note 下，右击新建文件夹再键入内容。

04

Linux的常用命令就是记不住，还在百度找？于是推出了这套教程

1.帮助命令 1.1 help命令 #语法格式：命令 --help #作用: 查看某个命令的帮助信息 # 示例: # ls --help 查看ls命令的帮助信息 # netstat --help 查看netstat命令的帮助信息 1.2 man命令 #语法格式：man 命令 #作用: 查看某个命令的帮助手册 # 示例: # man ls #查看ls命令的帮助手册 # man netstat #查看netstat命令的帮助手册 2.

01

hash和history的原理和区别

目前单页应用（SPA）越来越成为前端主流，单页应用一大特点就是使用前端路由，由前端来直接控制路由跳转逻辑，而不再由后端人员控制，这给了前端更多的自由。

03

javaWeb项目中的路径格式请求url地址客户端路径服务端路径 url-pattern 路径获取资源路径地址 url

javaweb项目中有很多场景的路径客户端的POST/GET请求,服务器的请求转发,资源获取需要设置路径等这些路径表达的含义都有不同,所以想要更好的书写规范有用的路径代码需要对路径有一个清晰地认知

04

jQuery常用的功能

一、目录： ---- ---- 1.ready（function(){}）方法的使用 2.require最常用的方法: 3.display:none 4.visible:hidden 5.修改span的字体的颜色 6.window对象中self、 top 的区别 7.blur事件的使用二.、内容: 1. ready（function(){}） ```$(document).ready(function(){ // 当网页加载完成后执行这里的代码块 });``` 2.require('http') 内置模块

03

小白都能懂的工具箱安装方法

工具箱在matlab编程扮演着举足轻重的角色，使用工具箱可大大提高编程效率，也可以有效地避免不必要的重复编程。有不少小伙伴尤其是matlab初学者对如何安装matlab工具箱疑惑不少。

01

20分钟吃掉Linux常用命令40式

例3：ls -ltr 查看当前目录详细列表，按时间顺序逆序排序，最近修改的文件在后面

02

Linux常用命令

shutdown -h now 或者poweroff 或者halt 或者 init 0

02

【Linux】基础IO_文件操作

对于该函数path表示打开或创建的目标文件（默认会在当前路径下创建/打开），mode表示文件的打开方式。对于mode来说，这里就简单介绍以下几种（更多的在前文:点击跳转）：

02

这代码谁写的，卡我半小时！

小伙伴们在平时的开发过程中，都经历过这种情况吧：别人的代码运行好好的，自己 CV 过来却发现有问题，折腾了半天最后发现问题出在少数几行代码上。

01

ios 图像处理

CGContextRef context = UIGraphicsGetCurrentContext();

03

php学习之html–精彩回顾（七）

表格结构：

表单 <form action=”要把数据传递到的页面” method=”传递方式get和post” ecntype=””>

03

python-文件操作（一）

当使用read（）方法遇到比较大的文件时一次性读取文件所有内容会可能造成内存溢出的情况，为了解决上述问题，利用逐行读取文件内容的方式，利用for循环，读取一行结束后python垃圾回收机制会回收释放空间。

03

简易路由实现——（hash路由）

前阵子逛 github 的时候，看见一篇文章《原生JS实现hash路由》, 想着照着 vue-router 的 api，参考这篇文章实现一个可直接用于 html, 支持 hash 路由和 history 路由的 js 插件。本文是 hash 路由的具体实现。

02

☆打卡算法☆LeetCode 212. 单词搜索 II 算法解析

大家好，我是小魔龙，Unity3D软件工程师，VR、AR，虚拟仿真方向，不定时更新软件开发技巧，生活感悟，觉得有用记得一键三连哦。

03

【Linux】Linux基本指令（2）

如图所示，当你使用 man man 指令时，也就是你要查看man 手册的内容时，会有这几行代码，前面红框框起来的是 man 手册的编号，在未指定编号的情况下，系统默认按编号顺序查找手册，当然你也可以指定手册编号查找，因为一些指令可能与一些函数同名，但它们在不同编号的手册里，这个时候不指定编号查找，可能就找不到你想要的内容。

01

通配符与特殊符号知识大全汇总

符号作用 Linux通配符 * 匹配任意（0个或多个）字符或字符串，包括空字符串？匹配任意1个字符，有且只有一个字符 [abcd] 匹配abcd中任何一个字符，abcd也可是其他任意不连续字符 [a-z] 匹配中a到z之间的任意一个字符， a到z表示范围，字符前后要连续，-表示范围的意思，也可以用连续数字[1-9] [!abcd] 同[^abcd]，表示不匹配括号里面的任何一个字符，也可为[!a-d] Linux特殊符号

04

【Linux】基础IO——系统文件IO&fd&重定向&理解

对于C语言的文件操作，首先我们需要打开（fopen）文件，打开失败将会返回NULL ，而打开成功则返回文件的指针（FILE*）

02

我的Python成长之路—03

Linux命令-文件、磁盘管理—01 1.文件管理 <1>查看文件信息：ls ls是英文单词list的简写，其功能为列出目录的内容，是用户最常用的命令之一，它类似于DOS下的dir命令。 Linux文件或者目录名称最长可以有265个字符，“.”代表当前目录，“..”代表上一级目录，以“.”开头的文件为隐藏文件，需要用 -a 参数才能显示。 ls常用参数：参数含义 -a 显示指定目录下所有子目录与文件，包括隐藏文件 -l 以列表方式显示文件的详细信息 -h

02

超实用的全自动安装各种matlab工具箱【送源代码】

工具箱在matlab编程扮演着举足轻重的角色，使用工具可以大大提高编程效率，也可以有效地避免不必要的重复编程。有不少小伙伴尤其是matlab初学者对如何安装matlab工具箱疑惑不少。

02

Mac终端命令

image.png 以下为方便查看，引自终端命令-文件操作、编辑操作基本路径操作相对路径：cd /users/yang/Desktop 绝对路径：cd Ddesktop . 表示当前路径 … 表示当前路径的上一层 … 表示当前路径的上2层没有…或者以上的文件操作查看文件路径 ls： ls 查看当前路径下的文件及文件夹的名字 ls /bin 表示：查看当前路径下的Documents文件夹下的所有东西 ls Documents 表示：查看当前路径下的Documents文件夹下的所有东西 ls

02

微信小程序 router 封装

根据相对路径我们知道，当前路径内的/个数代表当前路径的层级，添加相同个数的../即可到达根目录那为了实现我们的目的，可按如下操作：

02

写一个自己的命令行解释器

当我点开xshell运行服务器的时候bash就被加载到了内存中，此后我在bash上执行的所有程序都是作为bash的子进程。在bash这个进程内创建子进程，并让子进程去执行全新的代码，这不就是程序替换吗？

01

DOM 和 BOM

早起 JS操作不同浏览器的 API 没有标准，有严重兼容性问题，后来 W3C 制定了统一的操作网页内容的 API 标准 DOM，使用 DOM API 操作网页内容，几乎 100%兼容所有浏览器，它具有查找, 修改(内容,属性,样式), 添加, 删除的功能。

01

解决laravel资源加载路径设置的问题

以上这篇解决laravel资源加载路径设置的问题就是小编分享给大家的全部内容了，希望能给大家一个参考。

03

Python中使用Xpath

XPath介绍：是什么？全称为XML Path Language 一种小型的查询语言说道XPath是门语言，不得不说它所具备的优点： 1）可在XML中查找信息 2）支持HTML的查找 3）通过元素和属性进行导航

02

Linux系统入门系列之一

在生物信息分析中，通常要借助于大型服务器来处理各种数据，而Linux系统是比较通用的服务器操作系统。在Linux系统中，我们一般通过命令行指令来执行各种任务。无论是个人PC版Linux系统，还是远程服务器，我们一般通过图形界面X Window软件与计算机进行交互。个人PC版Linux系统自带图形界面，可以打开终端（terminal）输入指令；对于远程服务器，我们则需要模拟终端软件的帮助，最常用的为Xshell，其界面如下所示：

04

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭