탭을 클릭하면 페이지 제목을 어떻게 변경합니까?

Question

나는 다음과 같은 aspx 페이지와 코드를 가지고 :

내가 원하는

<%@ Page Title="" Language="C#" MasterPageFile="~/Autheticated.master" AutoEventWireup="true" 
    CodeBehind="Default.aspx.cs" Inherits="PIWorks.PIWebNext.Pages.Default" %> 

<%@ Import Namespace="System.Web.Optimization" %> 
<asp:Content runat="server" ID="Content1" ContentPlaceHolderID="UxContentHead"> 
    <title>Public Reports</title> // default selected tab 
</asp:Content> 
<asp:Content ID="Content2" ContentPlaceHolderID="UxContentMain" runat="server"> 
    <div ng-controller="homeController" style="height: 100%; width: 100%; position: relative;"> 
     <div pi-tab-view name="MainTabs" selected-tab-name="TabPublic"> 
      <div pi-tab name="TabDashBoard" is-visible="TabDashBoardIsVisible"> 
       <div class="tab-head">Dashboards</div> // dash tab 
      </div> 
      <div pi-tab name="TabPublic"> 
       <div class="tab-head">Public Reports</div> // public report tab 
      </div> 
      <div pi-tab name="TabPrivate"> 
       <div class="tab-head">Private Reports</div> // private report tab 
      </div> 
      <div pi-tab name="TabFavorite"> 
       <div class="tab-head">Favorite Reports</div> //favorite report tab 
      </div> 
     </div> 
    </div> 
</asp:Content> 

개인 보고서 탭을 클릭 (또는 다른 탭) 페이지 제목은 변경해야 할 때

for example : click private report => Page Title : Private Reports 
        favorite report => Page Title : Favorite Reports 
        dashboard => Page Title : Dashboards 

나는 어떤 생각을 할 수있는 방법하시기 바랍니다 ?

Answer 1

여기에는 몇 가지 방법이 있습니다. 위에서 언급 한 Javascript를 사용할 수 있습니다. 또는 JQuery. 아니면 심지어 aspx.

JQuery와

$(document).on("click", ".tab-head", function trigger(){ 
    if(this.text() == "Public Reports"){ 
    document.title = "Public Reports"; 
    } 
    else if... 
}); 

: 여기 JQuery와의 예는

Answer 2

JavaScript로 수행 할 수 있습니다.

document.title = "My Title";