如何将路径嵌入到锚点href的当前路径？

将路径嵌入到锚点href的当前路径可以通过以下步骤实现：

首先，获取当前页面的路径。可以使用JavaScript中的window.location.pathname来获取当前页面的路径。
接下来，获取锚点元素的href属性值。可以使用JavaScript中的document.querySelector方法选择对应的锚点元素，并使用getAttribute方法获取其href属性值。
将当前页面的路径与锚点的href属性值进行拼接。可以使用JavaScript中的字符串拼接操作符（+）将两个路径进行拼接。
最后，将拼接后的路径赋值给锚点的href属性。可以使用JavaScript中的setAttribute方法将拼接后的路径赋值给锚点的href属性。

以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>将路径嵌入到锚点的当前路径</title>
</head>
<body>
  <a id="myAnchor" href="#"></a>

  <script>
    // 获取当前页面的路径
    var currentPath = window.location.pathname;

    // 获取锚点元素的href属性值
    var anchor = document.querySelector("#myAnchor");
    var anchorHref = anchor.getAttribute("href");

    // 将当前页面的路径与锚点的href属性值进行拼接
    var embeddedPath = currentPath + anchorHref;

    // 将拼接后的路径赋值给锚点的href属性
    anchor.setAttribute("href", embeddedPath);
  </script>
</body>
</html>

在这个示例中，我们首先创建了一个空的锚点元素，并为其设置了一个id属性（"myAnchor"）。然后，使用JavaScript获取当前页面的路径，并获取锚点元素的href属性值。接着，将当前页面的路径与锚点的href属性值进行拼接，并将拼接后的路径赋值给锚点的href属性。这样，就将路径成功嵌入到了锚点的当前路径中。

请注意，这只是一个示例代码，实际应用中可能需要根据具体情况进行适当的修改和调整。

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

有帮助

没帮助

如何将路径嵌入到锚点href的当前路径？

、

例如，现在我在http://example.com/practice 如果我在生成的页面中有一个链接：<a href="5">Click here</a>，我就会被定向到http://example.com现在我知道这是相对路径的常用方法。我已经尝试过<a href="./5">Click here</a>和<a href="

浏览 5提问于2016-07-10得票数 1

回答已采纳

2回答

Angular2导航到锚点错误

我使用HashLocationStrategy，我的网络中的路由是ok的，并且我有以下代码：<h3 id="jumpToHere">Hello

浏览 1提问于2015-12-13得票数 1

3回答

如何获得全锚href？

、、、

可能重复：当使用$(anchor).attr("href")时，您只得到相对路径。

浏览 5提问于2012-11-19得票数 7

回答已采纳

4回答

AngularJS中的相对链接

目前，我的锚点href中有绝对路径，这是次优的我如何将其重写为相对导航(在此相对dashboard中)？

浏览 0提问于2013-05-04得票数 2

回答已采纳

1回答

jCarousel:获取当前显示的图像的文件名(路径)(一次只能显示一个)

、、、

现在，我想为我的fancybox更改锚的href属性。由于这个原因，我需要获得jCarousel的当前映像。由于文件路径总是相同的，所以我不需要路径，但是如果我得到路径+文件名，它也是可以的。我认为我必须遍历DOM并设置锚点的href属性。jQuery.find(".jcarousel-item:nth-child(carousel.first)".a.img.attr("src"); jQue

浏览 2提问于2011-11-25得票数 0

回答已采纳

1回答

Magento:如何在URL重写中包含锚链接

、、、

www.example.com/de/agb_s/#example但是，URL重写不接受#锚符号>#example"提前谢谢你。

浏览 8提问于2014-01-31得票数 0

1回答

如何使用Xcode 4中的dylib文件创建工作框架

、、、

我在Xcode中创建了一个新的可可框架，删除了它在开始时包含的所有库和文件(除了支持文件)。add.h #define add_add_h 和#include <stdio.h>{在构建阶段，我将add.c添加到编译源代码，add.h用于编译头文件。项目构建没有问题，但是在框架中没有dylib文件，当我将框架拖放

浏览 4提问于2011-09-27得票数 21

2回答

将一个点投射到一条小路上

、、、

假设我有一个有序数组，其中包含描述路径的点(lat, lon)，还有一个点(lat, lon)描述我的当前位置。做这件事的好方法是什么？

浏览 3提问于2015-06-18得票数 0

回答已采纳

1回答

TYPO3是否更改了TYPO3扩展输出？

conf = $conf; $this->pi_loadLL(); }<a href="pagename/?no_cache=1&action=show&id=3378#test">te

浏览 2提问于2012-07-03得票数 0

回答已采纳

3回答

Uri类非常脆弱，似乎过度抛出异常。

、、、

我正在编写一个Web，并注意到Uri类非常脆弱。有没有其他人处理过这件事。有没有办法使Uri类更可靠一些？

浏览 3提问于2020-05-12得票数 0

回答已采纳

1回答

在Mac中链接动态库(libjvm.dylib) (rpath问题)

、、、、

我还了解到在mac os x上的动态库确实有一种能告诉你位置的图章。然而，我不知道rpath是什么(对我来说似乎是一个变量，但我如何在链接过程中设置它？)

浏览 3提问于2013-02-02得票数 13

回答已采纳

1回答

如何在symfony中显式定义URI

、

我想通过相对URI将它们链接在一起，但是，每次我在模板中定义锚点并显式声明到另一个应用程序的路径时，即：它使用当前应用程序的URI作为前缀，如下所示：解决这个问题的方法是什么？

浏览 2提问于2013-11-22得票数 0

2回答

文档的相对路径，从href传递到Javascript函数，得到反斜杠和去掉句点。

、、、

GridView中的第一列是一系列href标记，如果单击这些标记，将在与该文档类型关联的默认程序中打开文档。到文档的相对路径存储在Server中。我使用DataBinder.Eval方法填充路径，然后将路径发送到打开文档的Javascript函数。例如，我有一个文档记录，其路径为DATA\ By 000001\AttachFiles\Case11 11\2.txt。网格中锚点的标记如下： <

浏览 3提问于2014-07-10得票数 0

回答已采纳

2回答

从联系人页面返回到索引页

、、

<ul class="nav navbar-nav navbar-right"> <li><a href="#about" class="smoothSc

浏览 0提问于2015-05-08得票数 2

回答已采纳

3回答

Visual Studio 2008中的SSRS :相对图像路径？

、、、

我知道您可以将图像添加到报表中，并指向图像文件所在的路径，例如file://C:\path\to\Reports\Images\logo.gif，但该路径可以并且将随着应用程序的部署而更改。我尝试使用Images/logo.gif (或Images\logo.gif)这样的相对路径(假设报表在Reports/文件夹中)，但这只会在设计器和实际输出中生成一个损坏的图像。我的语法有误吗？如果没有，有没有办法做到这一点呢？编辑:我也知道如何将图像嵌入<

浏览 7提问于2009-01-20得票数 1

回答已采纳

1回答

使用XSL时，我需要检查链接的href值，必要时进行更改，同时保留其他属性。

、

以下代码执行以下操作：如何将行为保存在下面，同时保留样式属性？<xsl:template match="a[

浏览 5提问于2021-06-21得票数 0

3回答

RegEx以查找与特定文件的所有可能的相对链接-还捕获链接文本。

、

是的，有数以百计的regex主题，但我检查的前30个并不能帮助我解决我的问题。在上面，我需要捕获文件的相对<

浏览 1提问于2013-02-12得票数 2

回答已采纳

1回答

Django使用带有href属性的锚定标记将子字符串包含在字符串中

、、、、

现在，我使用正则表达式在给定字符串中搜索子字符串，然后将其包含在带有href的锚点标记中，该标记位于jinja模板中 pattern = re.compile(rf"({substring})",re.IGNORECASE); anchoredString = mark_safe(re.sub(pattern, "<a href=\"{% url 'url' substring %}\">"+substring+"<

浏览 26提问于2020-04-13得票数 0

回答已采纳

2回答

如何将Vuetify <v-card>链接到外部网站？

、、、

如何将v-card链接到外部网站？v-card to="https://www.stackoverflow.com"></v-card> 它正在重定向到：

浏览 40提问于2021-03-18得票数 2

回答已采纳

2回答

无法下载文件:我正在使用锚定标记下载文件，但是localhost被附加到它上面，链接混乱

、

<a target="_blank" href=`{{url}}` download>Download {{body}}</a> 这是我正在使用的代码。href链接应为https://matrix-client.matrix.org/_matrix/media/r00/download/matrix.org/dsgakdgaksgd 错误的href链接为

浏览 9提问于2020-07-14得票数 0

回答已采纳

点击加载更多