如何在点击标签页时更改页面标题?
问题描述:
我有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
我如何做任何想法,请?
答
有一些方法可以实现这一点。你可以像上面提到的那样使用Javascript。或者JQuery。甚至是aspx本身。这里是在JQuery的一个例子:
JQuery的
$(document).on("click", ".tab-head", function trigger(){
if(this.text() == "Public Reports"){
document.title = "Public Reports";
}
else if...
});
答
,您可以用JavaScript做到这一点:
document.title时= “我的标题”;