javascript：window.location自动更改了包含的链接

Question

我使用window.location（.assign，.replace，.href）重定向到单击时的页面产品。但是由于某种原因，它会自动更改某些href链接。

例如： 以前的href =“ commercial / fonts / fonts.min.css”现在是href =“ product / commercial / fonts / fonts.min.css”。

上一个HTML文件

<link rel="stylesheet" type="text/css" href="commercial/fonts/fonts.min.css" />

此点击事件触发后

$('.productImage').on('click', function(){
        var product_id = $(this).data('id');
        window.location.assign("/product/"+product_id);
});

新HTML

<link rel="stylesheet" type="text/css" href="product/commercial/fonts/fonts.min.css" />

产品自动显示在href中。其他文件也会发生这种情况。如果是img src，也是如此

Answer 1

在href的开头使用/，例如：href="commercial/fonts/fonts.min.css"-应使URL相对于文档根。目前，您正在使用相对于当前文档的URL。您可能想要阅读绝对URL和相对URL，例如在this answer中。