在外部Javascript文件中使用"<%= someObject.ClientID %>"

当我们在ASP.NET web应用程序开发中使用JavaScript时，可能会遇到需要在JavaScript文件中访问ASP.NET服务器控件的ClientID的情况。然而，由于ASP.NET服务器控件的ClientID是在运行时动态生成的，所以这个值不能直接在JavaScript文件中硬编码。

解决方案

要在JavaScript文件中使用<%= someObject.ClientID %>，可以采用以下两种方式：

1. 将ClientID传递给JavaScript函数

在页面加载时，将服务器控件的ClientID作为参数传递给相应的JavaScript函数。例如：

<asp:Button ID="myButton" runat="server" OnClientClick="myFunction('<%= myButton.ClientID %>')"/>

在JavaScript文件中，可以使用该参数来操作服务器控件。例如：

function myFunction(buttonId) {
    var button = document.getElementById(buttonId);
    button.disabled = true;
}

2. 将ClientID存储在全局变量中

在页面加载时，将服务器控件的ClientID存储在一个全局变量中，然后在JavaScript文件中引用该变量。例如：

<script type="text/javascript">
    var myButtonId = '<%= myButton.ClientID %>';
</script>
<script type="text/javascript" src="externalScript.js"></script>

在外部的JavaScript文件中，可以使用myButtonId变量来操作服务器控件。例如：

var button = document.getElementById(myButtonId);
button.disabled = true;

总结

在ASP.NET web应用程序中，使用<%= someObject.ClientID %>可以动态获取服务器控件的ClientID。为了在JavaScript文件中使用该值，可以将其传递给JavaScript函数或者存储在全局变量中。这些技巧可以帮助我们更好地使用JavaScript操作ASP.NET服务器控件，提高开发效率。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/28575