JavaScript是否具有构建URL的任何功能？

Question

我有一个在BootStrap网格中布局的卡片（例如扑克牌）的索引视图。每张卡都在一个div中，每个div都有一个jQuery click处理程序，用于打开所点击的任何卡（卡片div）的详细信息页面。因此，从索引到详细视图的重定向都是使用这个（相当臭的）JavaScript完成的：

var showDetail = function (index) {
    const newUrl = "@($"http://{Model.HostName}{Url.Action("Details", "Card")}/")" + index;
    window.location = newUrl;
};

我不想依赖Razor代码块来给我主机名和url的路径。 JavaScript是否有任何可用于实现与上述狡猾代码相同的功能？

Answer 1

您可以动态创建创建锚点并阅读其href属性。

console.log($('<a>', {
  "href": '/test/for/relative/url'
}).prop('href'))

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

并且，也可以使用URL API。