使用较大的 JavaScript 函数(3)Page.ClientScript.RegisterStartupScript 与 Page.ClientScript.RegisterClientScriptBlock 之间的区别

我们已为您介绍了两种不同的可用来将 JavaScript 函数嵌入 ASP.NET 页面的方法，那么，二者之间有何不同呢？主要区别在于，RegisterStartupScript 方法是将 JavaScript 嵌入到 ASP.NET 页面的底部，恰好位于关闭元素 </form> 的前面。RegisterClientScriptBlock 方法是将 JavaScript 嵌入到页面中开启元素 <form> 的紧后面。那么，这有何不同呢？正如我们将要看到的，这有很大的不同。

就此列举一例，以下是在页面加载到浏览器时，将焦点置于该页面上的一个文本框中的方法 - 使用利用了 RegisterStartupScript 方法的 Visual Basic：

Page.ClientScript.RegisterStartupScript(Me.GetType(), "Testing", _ 
  "document.forms[0]['TextBox1'].focus();", True)

由于在浏览器运行到页面底部并执行此小段 JavaScript 时，就已生成了页面上的文本框，并已将其放到了页面中，因此，此方法运行正常。但是，如果不按照上述方法，而编写如下代码（使用 RegisterClientScriptBlock 方法）：

Page.ClientScript.RegisterClientScriptBlock(Me.GetType(), "Testing", _
  "document.forms[0]['TextBox1'].focus();", True)

文本框控件将不会获得焦点，且会在页面上生成一个 JavaScript 错误

出错的原因在于，浏览器将先遇到 JavaScript，而后文本框才会出现在页面中。因此，JavaScript 将无法找到 TextBox1。

将 JavaScript 放到单独的文件 (.js) 中

强烈建议将 JavaScript 函数放到单独的文件中（.js 文件）。一旦它们位于单独的文件中，并且是某个项目的一部分，即可使用某些曾经介绍过的方法将该文件导入到页面中。

例如，可通过以下代码将 .js 文件包括到 ASP.NET 页面中：

Visual Basic

Page.ClientScript.RegisterClientScriptBlock(Me.GetType(), "MyScript", _
   "MyJavaScriptFile.js")

C#

Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "MyScript", 
   "MyJavaScriptFile.js");

一旦将 .js 文件导入到了 ASP.NET 页面中，即可像以前一样调用任何 JavaScript 函数。如果要管理 JavaScript 函数，并将它们与其他 ASP.NET 页面的逻辑分离，这是个不错的方法。也可使用该方法很容易地在多个 ASP.NET 页面中使用相同的 JavaScript 函数。