Question

这是.aspx文件中的代码

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Login Again</title>

    <script type="text/javascript">
        function Validate() {
            if (document.getElementById("txtLogin").value == "") {
                alert("Enter login name.");
            }

            if (document.getElementById("<%=txtLogin.ClientID%>").value == "") {
                alert("Enter login name.");
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:TextBox ID="txtLogin" runat="server"></asp:TextBox>
    <asp:Button ID="btnSubmit" runat="server" Text="Login" OnClientClick="Validate()" />
    </form>
</body>
</html>

在功能验证（）我可以使用控件ID访问文本框即; getElementById("txtLogin")所以我应该使用第二种方法吗？通过访问控制 control.ClientID以及为什么？
我的第一个理解是访问服务器控件我必须使用这个语法<%= %>但现在我来了从这个例子中我知道我可以简单地访问服务器端控件通过 getElementById("ID-of-control")。

Answer 1

最终HTML中生成的ID不保证与aspx源中的ID保持一致。当您将控件放在命名容器中时，ID将预先添加一个或多个父ID以确保其唯一性。 ClientId属性将始终为您提供ID属性的最终形式，因为它最终在HTML中，因此始终建议您在JavaScript中使用它。

Answer 2

Read this....

从帖子中引用...

所有ASP.NET服务器控件都包含一个唯一标识的ID属性控制和是通过它的手段控件是以编程方式在代码隐藏类中访问。同样，HTML中的元素文档可以包含id属性唯一标识元素的; 这些id值经常用于客户端脚本以编程方式引用特定的HTML元素。鉴于此，您可以假设何时呈现ASP.NET服务器控件在HTML中，其ID值用作呈现的HTML元素的id值。情况不一定如此因为在某些情况下具有单个ID值的单一控件可能会出现多次渲染标记......

简短回答是ClientID，以确保您找到您的控制权。

Answer 3

您使用的是哪个版本的ASP.NET？在.NET 4中，您可以指定不自动生成ID。

我认为这是巧合，因为你没有使用任何用户控件或其他容器。一旦你这样做，你将不再能够保证控件ID将保持不变，因此你应该使用第二种方法作为最佳实践，因为如果你的页面被修改为我声明的方式你的javascript将不再起作用，可能很难在以后看到原因。

ID和control.ClientID之间的区别如果我可以通过ID访问控件，为什么要使用control.ClientID

3 个答案: