客户端javascript访问服务器控件的方法

客户端javascript访问服务器控件的方法

这里贴出的是javascript访问服务器Label控件的方法,其他的可以用类似方法。

<script type="text/javascript">
function ShowUpdating()
{
   document.getElementById("<%=lbUploadFileInfo.ClientID%>").innerText="正在上传,请稍后...";
}
</script>

注意:firefox不支持innerText属性,可以用innerHTML代替,注意大小写。

关键部分:

1.使用getElementById方法获取控件对象;

2.使用<%= %>将服务器控件获取代码包住;

3.使用控件的ClientID属性获取服务器控件ID,由于asp.NET会给某些服务器控件自动生成一个唯一的ID号,因此服务器的ID号和客户端得到的ID可能不一样,因此需要用空间的ClientID属性获取该控件的客户端ID,获得对象后就可以调用相关方法来修改服务器控件了。

补充:

1.大部分服务器控件的属性,在客户端并不存在,不过会有一些对应的客户端属性。比如上述的label的text属性对应于客户端innerText;还有就是服务器控件的Visible属性可以利用客户端的style.DISPLAY的属性来进行更改。其他更多的属性也可以找到。

2. getElementById这个方法应该放在控件渲染完成之后,因为script脚本是有执行顺序的,未渲染之前是无法获取服务器控件的。保守的方法就是把脚步段放在页面的最后靠近</FORM>的地方。

原文地址:https://www.cnblogs.com/absolute8511/p/1649599.html