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。