(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>