javascript - 有没有办法将当前页面的路径名插入到 div 类参数值中？

Question

我想将当前访问的网页名称插入到div参数值中的特定位置。

例如在下面的代码中，我想在您看到 current_page_pathname 的地方插入页面名称(路径名)。

<div data-url="https://somedomain.com?source=current_page_pathname"></div>

我看过使用 var current_page_pathname=window.location.pathname;，但我不知道如何在我想要的地方插入 var 值。

如果当前访问的网页是https://en.wikipedia.org/wiki/Sloth，我希望data-url值为:

<div data-url="https://somedomain.com?source=/wiki/Sloth"></div>

这可能吗？

我是不是用错了方法？我愿意接受任何可行的解决方案。

Answer 1

您可以使用 javascript/jQuery 动态地完成

$('#urlholderlink').attr('href', 'https://somedomain.com?source=' + window.location.pathname);
$('#urlholder').attr('data-url', 'https://somedomain.com?source=' + window.location.pathname);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<a id="urlholderlink">My link</a>
<div id="urlholder">My div</div>

注意:在此片段中，url 是相对于嵌入文档的。