asp.net 服務器控件的 ID,ClientID,UniqueID 的區別

來源：懂視網責編：小采時間：2020-11-27 22:43:15

asp.net 服務器控件的 ID,ClientID,UniqueID 的區別

asp.net 服務器控件的 ID,ClientID,UniqueID 的區別:1、簡述 ID是設計的時候自己所指定的ID,是我們分配給服務器控件的編程標識符，我們常常使用this.controlid來尋找控件，那么這個controlid就是這里所說的ID. ClientID是由ASP.Net生成的服務器控件得客戶端標識符，當這個控件生成到客戶端頁面的時候，在客戶端

推薦度：

點擊下載本文 文檔為doc格式

導讀asp.net 服務器控件的 ID,ClientID,UniqueID 的區別:1、簡述 ID是設計的時候自己所指定的ID,是我們分配給服務器控件的編程標識符，我們常常使用this.controlid來尋找控件，那么這個controlid就是這里所說的ID. ClientID是由ASP.Net生成的服務器控件得客戶端標識符，當這個控件生成到客戶端頁面的時候，在客戶端

1、簡述
ID是設計的時候自己所指定的ID,是我們分配給服務器控件的編程標識符，我們常常使用this.controlid來尋找控件，那么這個controlid就是這里所說的ID.
ClientID是由ASP.Net生成的服務器控件得客戶端標識符，當這個控件生成到客戶端頁面的時候，在客戶端代碼訪問該控件時就需要通過ClientID來訪問。
UniqueID 服務器控件的唯一的、分層的形式限定的標識符。是當需要參與服務端回傳的時候用的。當將控件放置到重復控件（Repeater、DataList和DataGrid）中時，將可能生成多個服務器端的控件，這就需要區分服務器端的各個控件，以使它們的 ID 屬性不沖突。UniqueID 通過將子控件的父控件的 UniqueID 值與控件的 ID 值連接生成，各個部分之間以 IdSeparator 屬性指定的字符連接。默認情況下， IdSeparator 屬性為冒號字符 (:)。此屬性為在 .Net Framework2.0種新增加。（UniqueID 的解釋做了參照，本篇重點強調ID與ClientID）
2、代碼示例解說
看看如下代碼：
代碼如下:


<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title>Untitled Page</title> 
</head> 
<script type="text/javascript"> 
function GetValue() 
{ 
<SPAN style="COLOR: #0080c0"><STRONG>var t=document.getElementById('<%= TextBox1.ClientID %>');</STRONG></SPAN> 
t.innerText=2; 
} 
</script> 
<body> 
<form id="form1" runat="server"> 
<div> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></div> 
<input type="button" runat="server" id="button1" onclick="GetValue();" value="賦值" /> 
</form> 
</body> 
</html> 
 
有人會問了：var t=document.getElementById("TextBox1");不是也運行的好好的嗎？ 
答案：在一般的aspx中ID=ClientID（前提是你自己已經設置好了ID值） 
看下面代碼，設置了模板頁 
 代碼如下:
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" Title="Untitled Page" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
<script type="text/javascript"> 
function GetValue() 
{ 
<SPAN style="COLOR: #0080c0"><STRONG>document.write('<%= TextBox1.ClientID %>')</STRONG></SPAN> 
} 
</script> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<input type="button" runat="server" id="button1" onclick="GetValue();" value="賦值" /> 
</asp:Content> 
頁面顯示了<SPAN style="COLOR: #0080c0"><STRONG>ctl00_ContentPlaceHolder1_TextBox1</STRONG></SPAN>。即TextBox1.ClientID =ctl00_ContentPlaceHolder1_TextBox1。 
 
此時把代碼改成 
 代碼如下:
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" Title="Untitled Page" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
<script type="text/javascript"> 
function GetValue() 
{ 
<SPAN style="COLOR: #0080c0"><STRONG><SPAN style="TEXT-DECORATION: line-through">var t=document.getElementById("TextBox1");</SPAN></STRONG></SPAN> 
t.innerText=2; 
} 
</script> 
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
<input type="button" runat="server" id="button1" onclick="GetValue();" value="賦值" /> 
</asp:Content> 
出錯了，t=null,也就是找不到TextBox1，所以需要改成<SPAN style="COLOR: #0080c0"><STRONG>var t=document.getElementById('<%=TextBox1.ClientID%>');</STRONG></SPAN> 
 
3、綜述
view sourceprint?1 對于服務器控件，在客戶端調時使用ClientID屬性，在服務端時使用ID屬性。
 
 




聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

asp.net 服務器控件的 ID,ClientID,UniqueID 的區別

推薦度：

點擊下載本文 文檔為doc格式

標簽： id 區別服務器

熱門焦點

asp.net 服務器控件的 ID,ClientID,UniqueID 的區別

asp.net 服務器控件的 ID,ClientID,UniqueID 的區別

asp.net 服務器控件的 ID,ClientID,UniqueID 的區別

最新推薦

猜你喜歡

熱門推薦