【ASP.NET】使用JS动态更改ASP.NET网页标题和Label

 

本例子实现的是在页面中点击DropDownList选择列项后，同时更改网页标题以及指定Label。

http://lovingyk.blog.163.com/blog/static/12908355520106285057437/

aspx页：

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

<script type="text/javascript">

function  ChangeTitle() {

if (document.getElementById(' <%=Me.ddlTyouhyouOpt.ClientID%>').value == "0") 

{

    document.title="事業部用標準原価仕掛リスト";

    document.getElementById('< %=Me.lblTitle.ClientID%>'). innerText = "事業部用標準原価仕掛リスト";

}

else

{

    document.title="ＭＣ担当部署別仕掛明細表";

    document.getElementById(' <%=Me.lblTitle.ClientID%>'). innerText = "ＭＣ担当部署別仕掛明細表";

}

}

</script>

</asp:Content>

...

...

...

 <cc1:YRKSPLabel ID=" lblTitle"  runat="server" Text="事業部用標準原価仕掛リスト" Font-Bold="True"   Font-Size="Larger" />

...

...

...

<cc1:YRKSPDropDownList ID=" ddlTyouhyouOpt" runat="server" Columns="10" onClick= ChangeTitle()/>

红色部分是JS函数

绿色部分是JS在解释ASP.NET的指定控件的ID。获取ASP.NET控件ID不能直接使用'控件ID‘来获取。

蓝色部分是修改ASP.NET的Label控件的时候取/写值时的对应属性名，与其他大多数属性value有所不同。

血色部分是对应ASP.NET控件的ID

橙色部分是指定触发事件，本例中使用的是onClick