使用 HtmlAnchor 或 ASP.NET HyperLink 作为锚标记，用于导航页面内名为锚的内容

Question

我正在尝试呈现一个链接到页面内命名锚点的简单超链接，例如：

<a href="#namedAnchor">scroll to down</a>

<a name="namedAnchor">down</a>

问题是，当我使用 asp:HyperLink 或 HtmlAnchor< 等 ASP.NET 控件时/code> 时，href="#namedAnchor" 呈现为 href="controls/#namedAnchor"（其中 controls 是其中的子目录）包含锚点的用户控件是）。下面是该控件的代码，使用两种类型的锚点控件，它们都有相同的问题：

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Test.ascx.cs" Inherits="TestWebApplication1.controls.Test" %>

<a href="#namedAnchor" runat="server">HtmlAnchor</a>

<asp:HyperLink NavigateUrl="#namedAnchor" runat="server">HyperLink</asp:HyperLink>

生成的源代码如下所示：

<a href="controls/#namedAnchor">HtmlAnchor</a>

<a href="controls/#namedAnchor">HyperLink</a>

我真的只是想要：

<a href="#namedAnchor">HtmlAnchor</a>

<a href="#namedAnchor">HyperLink</a>

我正在使用 HtmlAnchor 或 HyperLink 类，因为我想更改后面代码中的其他属性。我不想为此需求引入自定义 Web 控件，因为我所追求的需求还没有重要到足以证明放弃传统 ASP.NET 链接控件的合理性。看来我应该能够使用 ASP.NET 链接控件来生成所需的链接。

Answer 1

不使用 NavigateUrl 属性，只需使用 href 属性

<asp:HyperLink href="#namedAnchor" runat="server">HyperLink</asp:HyperLink>

Answer 2

要在代码隐藏中设置 HREF 属性：

HyperLink link = new HyperLink();
link.Attributes.Add("href", "#" + doc.DocumentID.ToString());
link.Text = doc.DocumentNumber;

这将为您提供：

<a href="#111">blah blah</a>

Answer 3

将其设置为链接上的自定义属性：

        HyperLink link = new HyperLink();
        link.Attributes.Add("name", doc.DocumentID.ToString());
        link.Text = doc.DocumentNumber;

这将为您提供：

<a name="111">blah blah</a>

Answer 4

如果必须使用 NavigateUrl 属性（有时这是必要的），那么您可以使用：

hypID.NavigateUrl = HttpContext.Current.Request.Url.AbsoluteUri & "#MyAnchor"