javascript - 使 asp.net webforms 母版页上的 js 代码中的路径(目录)与根目录中不同级别的页面一起使用

Question

我正在我的母版页中执行以下操作:

                <asp:Image data-toggle="popover" data-placement="bottom"
                    onmouseover="this.src='../Content/Images/icon-hover.png'"
                    onmousedown="this.src='../Content/Images/icon-hover.png'"
                    onmouseout="this.src='../Content/Images/icon.png'"
                    runat="server"
                    ImageUrl="../Content/Images/icon.png"></asp:Image>

但是，当我将使用此母版页的 aspx 页面放在根目录下 2 层时，我开始注意到一个问题:

例如:

客户 > 维护 > Customers.aspx

..Content/ 仅处理一级路径中的页面，例如:
客户 > 客户.aspx

有什么建议可以让这个程序化，以便我可以像在 asp.net 服务器端一样在 JavaScript 中执行类似于 ~ 的操作吗？

Answer 1

你可以尝试这样的事情:

onmouseover="this.src = getResolvedUrl('Content/Images/icon-hover.png')"

使用 Javascript 实用函数:

<script type="text/javascript">
    function getResolvedUrl(url) {
        return '<%= ResolveUrl("~/") %>' + url;
    }
</script>