RegisterStartupScriptRegisterClientScriptBlock之间的唯一区别是RegisterStartupScript将javascript放在页面的结束</form>标记之前,而RegisterClientScriptBlock则将javascript放在页面的开始<form>标记之后吗?

另外,您何时会选择一个?我写了一个快速示例页面,其中遇到了一个问题,我不确定为什么会发生这种情况的确切原因。

这是aspx标记:

<html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <asp:Label ID="lblDisplayDate" runat="server"
                           Text="Label" /><br />
                <asp:Button ID="btnPostback" runat="server"
                            Text="Register Startup Script"
                            onclick="btnPostback_Click" /><br />
                <asp:Button ID="btnPostBack2" runat="server"
                            Text="Register"
                            onclick="btnPostBack2_Click" />
            </div>
        </form>
    </body>
</html>

下面是代码:
protected void Page_Load(object sender, EventArgs e)
{
    lblDisplayDate.Text = DateTime.Now.ToString("T");
}

protected void btnPostback_Click(object sender, EventArgs e)
{
    System.Text.StringBuilder sb = new System.Text.StringBuilder();
    sb.Append(@"<script language='javascript'>");
    sb.Append(@"var lbl = document.getElementById('lblDisplayDate');");
    sb.Append(@"lbl.style.color='red';");
    sb.Append(@"</script>");

    if(!ClientScript.IsStartupScriptRegistered("JSScript"))
    {
        ClientScript.RegisterStartupScript(this.GetType(),"JSScript",
        sb.ToString());
    }
}

protected void btnPostBack2_Click(object sender, EventArgs e)
{
    System.Text.StringBuilder sb = new System.Text.StringBuilder();
    sb.Append(@"<script language='javascript'>");
    sb.Append(@"var lbl = document.getElementById('lblDisplayDate');");
    sb.Append(@"lbl.style.color='red';");
    sb.Append(@"</script>");

    if (!ClientScript.IsClientScriptBlockRegistered("JSScriptBlock"))
    {
        ClientScript.RegisterClientScriptBlock(this.GetType(), "JSScriptBlock",
        sb.ToString());
    }
 }

问题是,当我单击btnPostBack按钮时,它将执行回发操作并将标签更改为红色,但是当我单击btnPostBack2时,它将进行回发操作,但是标签颜色不会更改为红色。为什么是这样?是因为标签未初始化?

我还读到如果您使用的是UpdatePanel,则需要使用ScriptManager.RegisterStartupScript,但是如果我使用的是MasterPage,是否可以使用ScriptManagerProxy

最佳答案

Here's an old discussion thread中,我列出了主要区别以及应使用每种方法的条件。我认为您可能会觉得进行讨论很有用。

要解释与您发布的示例相关的差异:

一种。使用RegisterStartupScript时,它将在页面中的所有元素之后(在表单的end标签之前)呈现脚本。这使脚本可以调用或引用页面元素,而不会在页面的DOM中找不到它们。

这是调用RegisterStartupScript方法时页面的呈现源:

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title></title></head>
<body>
    <form name="form1" method="post" action="StartupScript.aspx" id="form1">
        <div>
            <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="someViewstategibberish" />
        </div>
        <div> <span id="lblDisplayDate">Label</span>
            <br />
            <input type="submit" name="btnPostback" value="Register Startup Script" id="btnPostback" />
            <br />
            <input type="submit" name="btnPostBack2" value="Register" id="btnPostBack2" />
        </div>
        <div>
            <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="someViewstategibberish" />
        </div>
        <!-- Note this part -->
        <script language='javascript'>
            var lbl = document.getElementById('lblDisplayDate');
            lbl.style.color = 'red';
        </script>
    </form>
    <!-- Note this part -->
</body>
</html>

b。当您使用RegisterClientScriptBlock时,脚本将在Viewstate标记之后但在任何页面元素之前呈现。由于这是一个直接脚本(不是可以调用的函数,因此它将被浏览器立即执行。但是在此阶段,浏览器无法在Page DOM中找到标签,因此您应该收到“找不到对象”错误。

这是调用RegisterClientScriptBlock方法时页面的呈现源:

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1"><title></title></head>
<body>
    <form name="form1" method="post" action="StartupScript.aspx" id="form1">
        <div>
            <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="someViewstategibberish" />
        </div>
        <script language='javascript'>
            var lbl = document.getElementById('lblDisplayDate');
            // Error is thrown in the next line because lbl is null.
            lbl.style.color = 'green';

因此,总而言之,如果要呈现函数定义,则应调用后一种方法。然后,您可以使用前一种方法(或添加客户端属性)来呈现对该函数的调用。

评论后编辑:

例如,以下功能将起作用:
protected void btnPostBack2_Click(object sender, EventArgs e)
{
  System.Text.StringBuilder sb = new System.Text.StringBuilder();
  sb.Append("<script language='javascript'>function ChangeColor() {");
  sb.Append("var lbl = document.getElementById('lblDisplayDate');");
  sb.Append("lbl.style.color='green';");
  sb.Append("}</script>");

  //Render the function definition.
  if (!ClientScript.IsClientScriptBlockRegistered("JSScriptBlock"))
  {
    ClientScript.RegisterClientScriptBlock(this.GetType(), "JSScriptBlock", sb.ToString());
  }

  //Render the function invocation.
  string funcCall = "<script language='javascript'>ChangeColor();</script>";

  if (!ClientScript.IsStartupScriptRegistered("JSScript"))
  {
    ClientScript.RegisterStartupScript(this.GetType(), "JSScript", funcCall);
  }
}

10-04 12:25