代码之家 › 专栏 › 技术社区 › Kashif

id和control.clientid之间的区别,或者如果我可以通过id访问控制,为什么要使用control.clientid

asp.net javascript

Kashif · 技术社区 · 15 年前

这是.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") .

3 回复 | 直到 8 年前

CyberDude 15 年前

最终HTML中生成的ID不能保证与ASPX源代码中的ID相同。当您将控件放在命名容器中时,ID将预先附加一个或多个父ID,以确保其唯一性。clientID属性将始终为您提供id属性的最终形式,因为它最终出现在HTML中,所以建议您在JavaScript中使用该属性。

Kevin LaBranche 15 年前

Read this....

引述自文章…

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

简短的回答是clientid,以确保您找到自己的控制权。

Rob Stevenson-Leggett 15 年前

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

我认为在这种情况下这是一个巧合,因为您没有使用任何用户控件或其他容器。一旦你这样做了,你就不能再保证控件ID保持不变,因此你应该使用第二种方法作为最佳实践,因为如果你的页面是按照我所说的方式修改的,你的javascript将不再工作,很难理解为什么以后会这样。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

9 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

9 月前

Alex · 在轻量级中同时解构和不解构变量

9 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

9 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

10 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

10 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

10 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

10 月前

user3472810 · Angular@Output/EventEmitter返回undefined

10 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

10 月前