.net 服务器事件和客户端js事件的执行顺序以及在脚本运行前定义脚本要修改的 HTML 元素...-优快云博客

本文详细解析了ASP.NET中服务器事件与客户端JS事件的执行顺序，并介绍了RegisterStartupScript()与RegisterClientScriptBlock()两种脚本注册方法的区别及应用场景。

.net 服务器事件和客户端js事件的执行顺序以及在脚本运行前定义脚本要修改的 HTML 元素

（1）开始加载页面时，先执行服务器端onload事件，再执行客户端js的onload事件。

（2）单击某个控件时，先执行该控件的客户端js单击事件，再执行服务器端的onload事件，然后执行该控件服务器端的单击事件，最后执行客户端js的onload事件（如果有的话）。

个人看法：onload事件服务器端先执行，单击事件是客户端js先执行。

================================================================================================

RegisterStartupScript()和RegisterClientScriptBlock()方法的区别是在向html代码处写入脚本的时候写入的地方不同，继而引发一个思考（参考自己做的木质厂的小项目）：点击一个服务器端按钮触发提交事件并提示成功或失败。点击服务器端提交按钮后，首先执行该控件的客户端js单击事件（此处没有），然后页面重新加载，执行服务器端的onload事件，接着才执行该控件服务器端的单击事件（RegisterStartupScript()方法在html代码处插入了script代码），最后执行客户端js的onload事件（此处无）。

===============================================================================================

前台html代码中的script事件中若要用到页面的控件，要把script事件放在最后，防止html元素未定义便引用引发脚本错误，如本人上一篇博客的截图

================================================================================================

在.net framework中与RegisterStartupScript相似的还有方法：RegisterClientScriptBlock. 这两个方法的作用都是从前台向后台写脚本, 这两个方法唯一的不同之处在于从“何处”发送脚本块。RegisterClientScriptBlock() 在 Web 窗体的开始处（紧接着＜form runat="server"＞标识之后）发送脚本块，而 RegisterStartupScript() 在 Web 窗体的结尾处（在＜/form＞标识之前）发送脚本块。

　　RegisterStartupScript() 用于添加要在加载页面后运行的脚本块,通过这种方法添加的脚本块位于 Web 窗体的结尾处，因为必须在脚本运行前定义脚本要修改的 HTML 元素。也就是说，如果您要使用客户端脚本将焦点设置到文本框，必须确保文本框的 HTML 标记位于设置该文本框的焦点的脚本之前。

　　RegisterClientScriptBlock() 方法用于为响应客户端事件而执行的脚本代码。通过此方法发送的脚本块位于 Web 页面的开始处，因为这种方法不要求将脚本块置于所有 HTML 元素之后,即它一般不使用文档内自定义的控件。

　　如果你仅仅是注册一些函数，这两者的效果是一样的。但如果你要注册一些全局的脚本，如定义一些全局变量并赋值，那么它在HTML中的先后位置可能就比较重要，此时就应该用RegisterStartupScript保证脚本能在前面被执行。

　　以下是该方法的一个使用实例（见msdn）：

<html>
<head>
     <script language="VB" runat="server">
    Sub Page_Load( sender as Object,e as EventArgs)
                'Form the script that is to be registered at client side.
        Dim scriptString as String = "<script language=JavaScript> function DoClick() {"
        scriptString += "myForm.show.value='Welcome to Microsoft .NET'}<"
        scriptString += "/"
        scriptString += "script>"

            If(Not IsClientScriptBlockRegistered("clientScript"))
        RegisterClientScriptBlock("clientScript", scriptString)
        End If
     End Sub
     </script>
</head>
<body topmargin="20" leftmargin="10">
     <form id="myForm" runat="server">
        <input type="text" id="show" style="width=200">
      <input type="button" value="ClickMe" onclick="DoClick()">
     </form>
</body>
</html>