实现控件先执行服务器端代码，载执行客户端代码的方法

在网页中，用Javascript是经常的事，而且很多时候还还需要服务器端配合。

这里遇到一个问题，我需要在点击按钮后执行相关的初始化操作，这些需要服务器端执行，并且是在用户控件中的，使用了母版，而且用户控件是动态加载的，这就常常出现客户端执行的操作被服务器端给覆盖了，没有效果。

 

下面是我首先绑定一个客户端事件到一个Web按钮上

 btnSave.Attributes.Add("onclick", " setDropIn();");

 

下面是定义的那个客户端函数

function setDropIn()
 {
    if(document.getElementById('DropIn1'))
        setTimeout("resizedisplayScreenSize()", 200);
    else
        setTimeout("setDropIn()", 200);
 }

 

因为在执行客户端操作的时候，用户控件还没有加载进来，所以客户端脚本经常出现对象不存在的错误。所以这里先判断对象存在不存在，如果不存在，则用SetTimeout设置一个时间间隔，然后再调用自己一次，如果已经存在则直接调用真正执行客户端脚本操作的函数。时间间隔设短一点，效果会很好。

 

这种方法扩展一下，还可以实现先执行服务器端事件，再执行客户端事件的应用，只要判断的条件改变一下，比如判断某个隐藏的文本框里面的值等。