使用较大的 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 函数。