Практическое руководство. Добавление серверных веб-элементов управления HyperLink на страницу веб-форм

Visual Studio 2010

Обновлен: Ноябрь 2007

Добавить гиперссылку на страницу веб-форм можно, поместив на страницу серверный веб-элемент управления HyperLink и связав его с URL-адресом. Для элементов управления HyperLink можно указать отрисовку в качестве текста или изображений.

Добавление серверного веб-элемента управления HyperLink на страницу веб-форм

  1. С вкладки Стандартные панели элементов перетащите на страницу элемент управления HyperLink.

  2. В категории Внешний вид окна Свойства укажите формат ссылки на странице, выполнив одно из следующих действий:

    • Чтобы создать текстовую ссылку, задайте значение свойства Text элемента управления. Свойство может содержать элементы форматирования HTML. Так, например, можно отформатировать отдельное слово в тексте полужирным шрифтом, заключив его в свойстве Text в тег <B>.

    • Чтобы создать графическую ссылку, укажите в качестве значения свойства ImageUrl элемента управления URL-адрес файла GIF, JPG или другого веб-файла изображения.

      7af4k3d0.alert_note(ru-ru,VS.100).gifПримечание.

      Если заданы оба свойства (ImageUrl и Text), то свойство ImageUrl имеет больший приоритет.

  3. В категории Переходы окна Свойства задайте в качестве значения свойства NavigateUrl URL-адрес страницы, на которую должна указывать ссылка.

    7af4k3d0.alert_security(ru-ru,VS.100).gifПримечание о безопасности.

    URL-адрес, связываемый со ссылкой, ведет на внешний ресурс. Указывая ресурс, владельцем которого является третья сторона, следует убедиться в том, что пользователям будет безопасно с ним работать. Дополнительные сведения см. в разделе Общие сведения об использовании сценариев.

  4. Также в категории Переходы окна Свойства можно указать целевое окно или фрейм target, в котором будет отображаться страница, на которую ведет ссылка, указав его идентификатор. Окно можно указать по имени или путем использования предварительно определенных целевых значений наподобие _top, _parent и т.д.

    7af4k3d0.alert_note(ru-ru,VS.100).gifПримечание.

    Внешний вид текста ссылки может быть изменен с помощью стилей — например, можно сделать ее подчеркнутой. Дополнительные сведения см. в разделе Серверные веб-элементы управления ASP.NET и стили CSS.

    Следующий пример демонстрирует задание свойств элемента управления HyperLink во время выполнения. Метод обрабатывает событие Button элемента управления Click, задавая текст ссылки и целевую страницу.

    Protected Sub Button1_Click(ByVal sender As Object, _
            ByVal e As System.EventArgs)
        Hyperlink1.Text = "Home"
        Hyperlink1.NavigateUrl = "http://www.microsoft.com/net/"
    End Sub
    

    protected void Button1_Click (object sender, System.EventArgs e)
    {
        this.HyperLink1.Text = "Home";
        this.HyperLink1.NavigateUrl = "http://www.microsoft.com/net/";
    }
    
Показ: